@emailmaker/emailmaker 1.2.5 → 1.3.3

package/static/core/{155e871a.js → 892bb74e.js}

@@ -1,7 +1,7 @@
 __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/155e871a.js",["require","exports","module","static/core/5dc34752.js","static/core/ee980948.js","static/core/814472f3.js","static/core/e7fa68c2.js","static/core/61378c9e.js","react","react/jsx-runtime","__delivery__/libs","vite/preload-helper"],function(ie,It,fn){const Xe=ie("./5dc34752.js"),be=ie("./ee980948.js"),s=ie("./814472f3.js"),ee=ie("./e7fa68c2.js"),kt=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("./a8b4352d.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:x=!1,pullDownToRefresh:A=!1,pullDownToRefreshContent:h,releaseToRefreshContent:_,pullDownToRefreshThreshold:I=100,refreshFunction:O,onScroll:b,dataLength:E,initialScrollY:S,className:N="",role:H,tabIndex:z,id:P,...$}){const[K,V]=(0,e.useState)(!1),[Q,W]=(0,e.useState)(!1),[B,ne]=(0,e.useState)(0),k=(0,e.useRef)(null),q=(0,e.useRef)(null),T=(0,e.useRef)(null),se=(0,e.useRef)(r);se.current=r;const M=(0,e.useRef)(O);M.current=O;const J=(0,e.useRef)(I);J.current=I;const n=(0,e.useRef)(!1),C=(0,e.useRef)(!1),U=(0,e.useRef)(0),F=(0,e.useRef)(0),re=(0,e.useRef)(0),j=(0,e.useCallback)(()=>g instanceof HTMLElement?g:typeof g=="string"?document.getElementById(g):null,[g]);(0,e.useEffect)(()=>{if(typeof E>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(A&&typeof O!="function")throw new Error(`Mandatory prop "refreshFunction" missing.
+__emailmaker__.define("static/core/892bb74e.js",["require","exports","module","static/core/5dc34752.js","static/core/ee980948.js","static/core/dd7229b2.js","static/core/a4d994c7.js","static/core/61378c9e.js","react","react/jsx-runtime","__delivery__/libs","vite/preload-helper"],function(ie,It,fn){const Xe=ie("./5dc34752.js"),be=ie("./ee980948.js"),s=ie("./dd7229b2.js"),ee=ie("./a4d994c7.js"),kt=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 Et=Xe.__toESM(s.require_prop_types()),_t=s.lazyRoute(()=>(0,xt.__vitePreload)(()=>Promise.resolve().then(()=>ie("./8608a2b9.js")),void 0,{}.url));function St(r){return s.useSelector(s.selectSecondModal)?(0,t.jsx)(e.Suspense,{fallback:null,children:(0,t.jsx)(_t,{...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})]})},Ee={Pixel:"Pixel",Percent:"Percent"},et={unit:Ee.Percent,value:80};function Rt(r){return typeof r=="number"?{unit:Ee.Percent,value:r*100}:typeof r=="string"?/^(\d*(\.\d+)?)px$/.exec(r)?{unit:Ee.Pixel,value:parseFloat(r)}:/^(\d*(\.\d+)?)%$/.exec(r)?{unit:Ee.Percent,value:parseFloat(r)}:et:et}function Lt(r,o){const i=Rt(r);let l;return i.unit===Ee.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:x=!1,pullDownToRefresh:A=!1,pullDownToRefreshContent:h,releaseToRefreshContent:E,pullDownToRefreshThreshold:I=100,refreshFunction:O,onScroll:b,dataLength:_,initialScrollY:S,className:N="",role:H,tabIndex:z,id:P,...$}){const[K,V]=(0,e.useState)(!1),[Q,W]=(0,e.useState)(!1),[B,ne]=(0,e.useState)(0),k=(0,e.useRef)(null),q=(0,e.useRef)(null),T=(0,e.useRef)(null),se=(0,e.useRef)(r);se.current=r;const M=(0,e.useRef)(O);M.current=O;const J=(0,e.useRef)(I);J.current=I;const n=(0,e.useRef)(!1),C=(0,e.useRef)(!1),U=(0,e.useRef)(0),F=(0,e.useRef)(0),re=(0,e.useRef)(0),j=(0,e.useCallback)(()=>g instanceof HTMLElement?g:typeof g=="string"?document.getElementById(g):null,[g]);(0,e.useEffect)(()=>{if(typeof _>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(A&&typeof O!="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 S=="number"){const D=p?k.current:j();D&&D.scrollHeight>S&&D.scrollTo(0,S)}},[]),(0,e.useEffect)(()=>{n.current=!1,V(!1)},[E]),(0,e.useEffect)(()=>{if(!o||typeof IntersectionObserver>"u")return;const D=q.current;if(!D)return;const X=p?k.current:j(),R=new IntersectionObserver(([te])=>{!te.isIntersecting||n.current||(n.current=!0,V(!0),se.current())},{root:X,rootMargin:Lt(u,x),threshold:0});return R.observe(D),()=>R.disconnect()},[o,u,x,p,j]),(0,e.useEffect)(()=>{var D;if(!b)return;const X=(D=p?k.current:j())!==null&&D!==void 0?D:typeof window<"u"?window:null;if(!X)return;const R=te=>{setTimeout(()=>b(te),0)};return X.addEventListener("scroll",R),()=>X.removeEventListener("scroll",R)},[b,p,j]),(0,e.useEffect)(()=>{var D,X;if(!A)return;const R=(D=p?k.current:j())!==null&&D!==void 0?D:typeof window<"u"?window:null;if(!R)return;if(!((X=T.current)===null||X===void 0)&&X.firstChild){const L=T.current.firstChild.getBoundingClientRect().height;re.current=L,ne(L)}const te=L=>{(R instanceof HTMLElement?R.scrollTop:document.documentElement.scrollTop)>0||(C.current=!0,L instanceof MouseEvent?U.current=L.pageY:L instanceof TouchEvent&&(U.current=L.touches[0].pageY),F.current=U.current,k.current&&(k.current.style.willChange="transform",k.current.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},le=L=>{if(!C.current||(L instanceof MouseEvent?F.current=L.pageY:L instanceof TouchEvent&&(F.current=L.touches[0].pageY),F.current<U.current))return;const Y=F.current-U.current;Y>=J.current&&W(!0),!(Y>re.current*1.5)&&k.current&&(k.current.style.overflow="visible",k.current.style.transform=`translate3d(0px, ${Y}px, 0px)`)},v=()=>{U.current=0,F.current=0,C.current=!1,W(L=>{var Y;return L&&((Y=M.current)===null||Y===void 0||Y.call(M)),!1}),requestAnimationFrame(()=>{k.current&&(k.current.style.overflow="auto",k.current.style.transform="none",k.current.style.willChange="unset")})};return R.addEventListener("touchstart",te),R.addEventListener("touchmove",le),R.addEventListener("touchend",v),R.addEventListener("mousedown",te),R.addEventListener("mousemove",le),R.addEventListener("mouseup",v),()=>{R.removeEventListener("touchstart",te),R.removeEventListener("touchmove",le),R.removeEventListener("touchend",v),R.removeEventListener("mousedown",te),R.removeEventListener("mousemove",le),R.removeEventListener("mouseup",v)}},[A,p,j]);const pe={height:p??"auto",overflow:"auto",WebkitOverflowScrolling:"touch",...f},ae=w||!!(i&&i instanceof Array&&i.length),he=A&&p?{overflow:"auto"}:{},ge=o?(0,t.jsx)("div",{ref:q,style:{height:1}}):null;return(0,t.jsx)("div",{style:he,className:"infinite-scroll-component__outerdiv",children:(0,t.jsxs)("div",{...$,role:H,tabIndex:z,id:P,className:["infinite-scroll-component",N].filter(Boolean).join(" "),ref:k,style:pe,children:[A&&(0,t.jsx)("div",{style:{position:"relative"},ref:T,children:(0,t.jsx)("div",{style:{position:"absolute",left:0,right:0,top:-1*B},children:Q?_:h})}),i,!K&&!ae&&o&&l,K&&o&&l,ge,!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),x=i(g),A=`${w}:${x}`;if(f.current.has(A))return{itemId:w,requestUrl:x,cacheKey:A,controller:f.current.get(A)};const h=l(x);return f.current.set(A,h),{itemId:w,requestUrl:x,cacheKey:A,controller:h}},[l,o,i]);return(0,e.useEffect)(()=>{const g=new Set,w={},x=r.map(A=>{const{itemId:h,cacheKey:_,controller:I}=p(A);g.add(_),w[h]=I.src;const O=Be(I.handleChangeSrc?.(),I.src);return O?.changed&&O.src&&(w[h]=O.src),I.subscribeToSrcChange?.(b=>{const E=Be(b,I.src);!E?.changed||!E.src||c(S=>S[h]===E.src?S:{...S,[h]:E.src})})}).filter(Boolean);return f.current.forEach((A,h)=>{g.has(h)||f.current.delete(h)}),c(w),()=>{x.forEach(A=>A?.())}},[p,r]),{getDisplaySrc:(0,e.useCallback)(g=>{const{itemId:w,requestUrl:x,controller:A}=p(g);return u[w]||A.src||x},[u,p]),handleLoad:(0,e.useCallback)(g=>{p(g).controller.handleSuccess()},[p]),handleError:(0,e.useCallback)(g=>{const{itemId:w,controller:x}=p(g),A=Be(x.handleError(),x.src);A?.changed&&A.src&&c(h=>({...h,[w]:A.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 x=s.useAppConfig(),A=s.useIsStandalone(),[h,_]=(0,e.useState)(!1),[I,O]=(0,e.useState)(2),{__:b}=s.useI18n(),E=s.useNotification(),[S]=s.useLazyGetUnsplashImageQuery(),[N]=s.useLazyGetSearchImageQuery(),H=(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]),z=(0,e.useCallback)(n=>{E.error({id:"STOCK_IMAGES_SEARCH_FAILED",title:b("Failed to load stock images"),description:H(n)})},[b,H,E]),P=async()=>{h||(_(!0),N({query:c,page:I}).then(n=>{if(n?.error){z(n.error),_(!1);return}const C=n?.data?.results||[];l(U=>[...U,...C]),_(!1),O(U=>U+1)}).catch(()=>{_(!1)}))};(0,e.useEffect)(()=>{c.keywords!==""&&$()},[c.color,c.orientation]);const $=async()=>{const n=await N({query:c,page:1});if(n?.error){z(n.error),l([]);return}const C=n?.data?.results||[];C.length>0?(l(C),setTimeout(()=>{i(1060),o("84vh")},0)):l([])},[K,V]=(0,e.useState)(null),Q=(0,e.useCallback)((n,C,U)=>`${n}${n.includes("?")?"&":"?"}w=${C}&q=${U}`,[]),W=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:x,standalone:A,resourceType:"stockImages",intent:"display"}),[x,A]),B=(0,e.useCallback)(n=>n.id,[]),ne=(0,e.useCallback)(n=>Q(n.urls.raw,644,96),[Q]),{getDisplaySrc:k,handleLoad:q,handleError:T}=st({items:u,getItemId:B,getRequestUrl:ne,createController:W}),se=n=>C=>{q(n),C.target.parentNode.classList.add("loaded")},M=n=>()=>{T(n)},J=(n,C,U)=>{S(C.download_location),V(U),setTimeout(()=>V(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:$,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:$,allowClear:!0,size:u.length>0?"medium":"large",placeholder:b("Search image"),value:c.keywords,onChange:n=>f(C=>({...C,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(C=>({...C,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(C=>({...C,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:P,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:()=>J(n.urls,n.links,n.id),children:[(0,t.jsx)("img",{className:K===n.id?"loaded-image":"",width:"322px",src:k(n),alt:n.description,onLoad:se(n),onError:M(n)}),(0,t.jsxs)("p",{className:"creator-info",onClick:C=>C.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"})]}),K===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:x,onImageGenerateLimitExceeded:A}){const{__:h}=s.useI18n(),_=s.useAppConfig(),I=s.useNotification(),O=s.usePushToDataLayer(),{blockId:b}=s.useRouteParams(),E=s.useEditorProjectId(),S=s.useRouteEmailId(),N=s.useWpEntityId(),[H]=s.useLazySendAiImageRequestQuery(),[z,{data:P=[]}]=s.useLazyGetAiImageSSEQuery(),$=s.useProjectPlanLimitPreflight(),K=_?.sendAIImageRequest||H,V=_?.trigger||z,Q=_?.handleLimitUsageEmitter||s.useEventEmitter(be.events.ON_LIMIT_ID),[W,B]=(0,e.useState)(0),[ne,k]=(0,e.useState)(null),[q,T]=(0,e.useState)(!1),[se,M]=(0,e.useState)(h("Evaluating the task")),[J,n]=(0,e.useState)(!1),C=S?s.isEmailsV2Enabled()?N:S:b,{limits:U}=_?.limits?_:{limits:{ai_img_limit:0}},{ai_img_limit:F}=U,re=!!(_.limits&&_.counters)&&!0,j=s.useEventEmitter(be.events.AI_IMAGE_REQUEST_ID).hasListeners(),pe=ee.shouldCountAiUsage({limitsInPlugin:re,hostedAiActive:j}),ae=!j&&F>0&&W>=F,he=(0,e.useCallback)(()=>{Q.fire({name:"AiImgCount",count:W+1})},[Q,W]),ge=(0,e.useMemo)(()=>!ae&&(!pe||F===0||W<F),[ae,pe,W,F]),D=(0,e.useCallback)(async()=>{M(h("Evaluating the task")),c!==""&&!g&&(w(!0),n(!0),p([]),O({event:"submit_form",action:"ai_image_generation",entity_id:S,project_id:E}),K({body:{project_id:E,request:"create-image",connection:"midjourney",message:c}}).then(({data:v,error:L})=>{if(L)throw L;if(v.data.status===401)throw new Error(s.ERROR);if(v?.data?._eventResult){p(v.data.task.images),w(!1),n(!1),M(h("Evaluating the task"));return}v?.data.status===200?(v?.data.task.id&&(M(v.data.task.message),k(v.data.task.id)),v.message&&I.success({id:"AI_IMAGE_SEND_SUCCESS",title:v.message,placement:"bottomRight",data:c}),V({task_id:v?.data.task.id,entity_id:C})):(w(!1),n(!1),I.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),n(!1),(v?.error||v?.data)&&I.fromError("AI_IMAGE_SEND_ERROR",c,v.error||v)}))},[c,g,w,n,p,O,S,E,K,I,V,C,h]),X=(0,e.useCallback)(async()=>{ge?(pe&&(B(v=>v+1),he()),D()):re&&(x?x():I.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"}))},[ge,re,j,pe,$,A,B,he,D,I,h,x]);(0,e.useEffect)(()=>{re&&B(_?.counters?.ai_img_counter||0)},[_,re]);const R=s.useEventEmitter(be.events.AI_IMAGE_PROGRESS_ID);(0,e.useEffect)(()=>{const v=R.event(({progress:L,status:Y})=>{M(Y||`${Math.round(L)}%`)});return()=>v.dispose()},[R]);const te=(0,e.useCallback)(async v=>{if(!l){u(!0);try{const L=at(v)?await(await fetch(v)).blob():kt.base64ToBlob(v);o({file:new File([L],"image.jpeg",{type:L.type||"image/jpeg"})})}catch{u(!1)}}},[l,u,o]),le=(0,e.useCallback)(v=>{v.status!=="error"&&v.status!=="Canceled"?v.images?(M(v.status),v.progress===100&&(p(v.images),M(h("Evaluating the task")),k(null),n(!1))):(p([v.data]),w(!1)):(w(!1),n(!1),I.error({id:"AI_IMAGE_GET_ERROR",title:h("Something went wrong, please try again"),placement:"bottomRight",data:ne}))},[p,M,h,w,r,ne,I,n]);return(0,e.useEffect)(()=>{P.length>1&&le(P[P.length-1])},[P,le]),(0,e.useEffect)(()=>{(g||f.length>0)&&setTimeout(()=>{let v=550;i.current&&(v=i.current.offsetHeight+68),r(v)},0)},[i,P,f.length,g,r]),{aiImageCounter:W,setAiImageCounter:B,currentAiImgLimits:F,isFieldsDisabled:ae,canGenerateImage:ge,aiImageRequest:c,imageAiList:f,setImageAiList:p,isLoadingAi:g,setIsLoadingAi:w,loadingDuringGeneration:J,setLoadingDuringGeneration:n,requestStatus:se,setRequestStatus:M,handleGenerate:X,handleLimitAiImgCount:he,convertBase64ToFile:te,isShiftPressed:q,setIsShiftPressed:T,currentReqId:ne,setCurrentReqId:k,limitsInPlugin:re}}var Bt=({setModalHeight:r,customRequest:o,aiTabRef:i,inputAiRef:l,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,setAiImageRequest:p,imageAiList:g,setImageAiList:w,isLoadingAi:x,setIsLoadingAi:A})=>{const h=s.useAppNavigate();s.useDispatch();const _=s.useOpenPlanCatalog(),{__:I,_n:O}=s.useI18n(),b=s.useAppConfig(),[E,S]=(0,e.useState)(!1),[N,H]=(0,e.useState)(null),{aiImageCounter:z,currentAiImgLimits:P,loadingDuringGeneration:$,requestStatus:K,handleGenerate:V,convertBase64ToFile:Q,isShiftPressed:W,setIsShiftPressed:B,limitsInPlugin:ne}=Nt({setModalHeight:r,customRequest:o,aiTabRef:i,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,imageAiList:g,setImageAiList:w,isLoadingAi:x,setIsLoadingAi:A,onPluginAiImageLimitExceeded:()=>S(!0),onImageGenerateLimitExceeded:H}),k=E&&P>0?s.getAiTariffUpgradeStep(P):null,q=k?s.getLimitUpgradePresetDefinition(k.presetId):null,T=N?s.getLimitUpgradePresetDefinition(N.presetId):null,[se,M]=(0,e.useState)(!1),J=(0,e.useCallback)(()=>M(!0),[]),n=(0,e.useCallback)(()=>M(!1),[]),C=(0,e.useCallback)(j=>p(j.target.value),[p]),U=(0,e.useCallback)(j=>{j.key==="Shift"?B(!0):j.key==="Enter"&&!W&&(j.preventDefault(),V())},[W,V,B]),F=(0,e.useCallback)(j=>{j.key==="Shift"&&B(!1)},[B]),re=g[g.length-1];return(0,t.jsxs)("div",{className:"image-ai",children:[q&&k?(0,t.jsx)(ee.LimitUpgradeModal$1,{open:!0,onClose:()=>S(!1),title:I(q.titleKey),subtitle:I(q.subtitleKey),usageResource:q.usageResource,previousDisplay:s.presetLimitDisplay(k.previousLimit),nextDisplay:s.presetLimitDisplay(k.nextLimit),onChangePlan:()=>{S(!1),_()}}):null,T&&N?(0,t.jsx)(ee.LimitUpgradeModal$1,{open:!0,onClose:()=>H(null),title:I(T.titleKey),subtitle:I(T.subtitleKey),usageResource:T.usageResource,previousDisplay:s.presetLimitDisplay(N.previousLimit),nextDisplay:s.presetLimitDisplay(N.nextLimit),onChangePlan:()=>{H(null),_()}}):null,ne&&(0,t.jsx)(m.ui_kit$LimitsCounter,{text:`${z} ${I("of")} ${P>0?P:"∞"} images ${O("was used","were used",z)}`,exceeded:P>0&&z>=P,style:{marginTop:-25},extra:(0,t.jsx)("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>h(b.billingPageUrl||s.APP_ROUTES.billing),children:I("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${se?" ant-input-affix-wrapper-focused":""}`,children:[(0,t.jsx)(m.ui_kit$TextArea,{ref:l,onKeyDown:U,onKeyUp:F,onFocus:J,onBlur:n,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:I("Generate image"),value:f,onChange:C,spellCheck:"false"}),(0,t.jsx)("span",{className:"ant-input-suffix image-ai__input-suffix",children:x||$?(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:V})})]})})})}),(x||g.length>0)&&(0,t.jsxs)("div",{className:"image-ai__preview",children:[x&&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:K})]})}),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:()=>Q(re),icon:(0,t.jsx)(s.EmIcons,{icon:"CheckOutlined",component:m.icons$CheckOutlined}),children:I("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:x})=>{const{__:A}=s.useI18n(),h=s.useAppConfig(),_=s.useIsStandalone(),I=s.useNotification(),[O,b]=(0,e.useState)(null),[E,S]=(0,e.useState)(!1),[N,H]=(0,e.useState)(25),[z]=s.useLazyGetSearchGifQuery(),P=(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:A("Failed to load GIFs through the configured proxy chain."),[A]),$=(0,e.useCallback)(n=>{I.error({id:"STOCK_GIFS_SEARCH_FAILED",title:A("Failed to load GIFs"),description:P(n)})},[A,P,I]),K=async()=>{E||(S(!0),z({query:f,page:N}).then(n=>{if(n?.error){$(n.error),S(!1);return}u(C=>[...C,...n.data.data]),S(!1),H(C=>C+25)}).catch(()=>{S(!1)}))},V=async()=>{const n=await z({query:f,page:0});if(n?.error){$(n.error),u([]);return}n?.data?.data?.length>0&&(u(n.data.data),setTimeout(()=>{i("84vh"),l(1060)},0))},Q=(n,C)=>{b(C),setTimeout(()=>{b(null)},2e3),w(`${n}`),o(`${n}`),x(`${n}`)},W={default:3},B=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:h,standalone:_,resourceType:"generic",intent:"display"}),[h,_]),ne=(0,e.useCallback)(n=>n.id,[]),k=(0,e.useCallback)(n=>n.images.downsized.url,[]),{getDisplaySrc:q,handleLoad:T,handleError:se}=st({items:c,getItemId:ne,getRequestUrl:k,createController:B}),M=n=>C=>{T(n),C.target.parentNode.classList.add("loaded")},J=n=>()=>{se(n)};return(0,t.jsxs)("div",{className:"stock-tab",children:[(0,t.jsxs)(m.ui_kit$Form,{onValuesChange:V,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:V,allowClear:!0,size:c.length>0?"medium":"large",placeholder:A("Search GIFs"),value:f.keywords,onChange:n=>p(C=>({...C,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:K,hasMore:c,endMessage:(0,t.jsxs)(m.ui_kit$Divider,{plain:!0,children:[A("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:W,className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:c.map((n,C)=>(0,t.jsxs)("div",{className:"list-item",onClick:()=>Q(n.images.downsized.url,n.id),children:[(0,t.jsx)("img",{className:O===n.id?"loaded-image":"",width:"322px",src:q(n),alt:n.title,onLoad:M(n),onError:J(n)}),(0,t.jsx)("a",{rel:"noreferrer",href:"https://giphy.com/",target:"_blank",onClick:U=>U.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=)"}})}),O===n.id&&(0,t.jsx)(m.ui_kit$Spin,{className:"ant-spin",size:"small"})]},n.id+C))})})})})]})},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=ee.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:x}=m.ui_kit$App.useApp(),A=s.useNotification(),h=s.useSelector(s.selectActiveModal$1),{request:_,resolveImagePicker:I}=s.useImagePicker(),[O,b]=(0,e.useState)(""),[E,S]=(0,e.useState)(""),[N,H]=(0,e.useState)(""),[z,P]=(0,e.useState)(""),[$,K]=(0,e.useState)(de),[V,Q]=(0,e.useState)({width:"",height:"",size:"",format:""}),[W,B]=(0,e.useState)("success"),[ne,k]=(0,e.useState)(!1),q=e.default.useRef(null),T=e.default.useRef(null),se=e.default.useRef(null),M=e.default.useRef(null),J=e.default.useRef(null),n=e.default.useRef(null),C=e.default.useRef(null),U=e.default.useRef(null),F=e.default.useRef(null),[re,j]=(0,e.useState)("auto"),[pe,ae]=(0,e.useState)(572),[he,ge]=(0,e.useState)(!1),[D,X]=(0,e.useState)({keywords:"",color:"",orientation:""}),[R,te]=(0,e.useState)({keywords:""}),[le,v]=(0,e.useState)([]),[L,Y]=(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=ee.useImageBlobResolver(),Re=e.default.useRef(""),ye=e.default.useRef(0),Ie=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;Ie.current&&URL.revokeObjectURL(Ie.current);const d=URL.createObjectURL(a);Ie.current=d,gt(d),vt(a)},[]),me=(0,e.useCallback)(()=>{Ie.current&&(URL.revokeObjectURL(Ie.current),Ie.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,S(a)},tn=a=>{Me.current=!1,S(a.target.value)},Le=(0,e.useCallback)((a,d,y=f("The image could not be uploaded."))=>{const G=d instanceof Error?d.message:y;A.error({id:"IMAGE_UPLOAD_ERROR",data:a,title:f("Upload failed"),description:G})},[f,A]),nn=(0,e.useCallback)(a=>s.fireUploadImageEvent(ht,{file:a,project:pt}),[pt,ht]),Ae=ee.useImageBlobFetch(),sn=(0,e.useCallback)(a=>fe.resolve(ee.canonicalImageUrlKey(a),void 0,Ae),[Ae,fe]),Ye=async a=>{if(a)try{const d=await an(a);d&&Je(d)?await ke({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 y=s.resolveUploadLinkAction(c,d,Me.current);y==="insertAsIs"?(Me.current=!1,Ge({url:a})):y==="upload"&&Ye(a)},Ze=e.default.useRef(yt);Ze.current=yt;const rn=(0,e.useCallback)(()=>{const a=E.trim();a.toLowerCase().startsWith("http")&&Ze.current(a,"enter")},[E]);e.default.useEffect(()=>{if($!==de||!z)return;const a=E.trim();if(!a||!a.toLowerCase().startsWith("http"))return;const d=setTimeout(()=>{Ze.current(a,"timer")},1e3);return()=>{clearTimeout(d)}},[E,$,z]);const an=async a=>{try{const d=ee.canonicalImageUrlKey(a),y=await fe.resolve(d,void 0,Ae);return Qt(y,d)}catch{}};document.onpaste=function(a){const d=a.clipboardData?.items?.[0];if($===de&&z){if(d?.type?.indexOf("image")===0&&i.imageCenterLocalUploadEnabled!==!1){const G=d.getAsFile();Je(G);const Z={file:G};S(""),ke(Z);return}const y=a.clipboardData?.getData("text/plain");if(y&&y.trim().toLowerCase().startsWith("http")){a.preventDefault(),a.stopPropagation(),qe(y.trim());return}d?.type?.indexOf("text")===0&&d.getAsString(G=>{if(G.trim().toLowerCase().startsWith("http"))qe(G.trim());else if(G.toString().slice(1,5)==="meta"){const Z=G.toString().split('"')[1];Z&&qe(Z)}})}},(0,e.useEffect)(()=>{const a=d=>{let y=null;_?.kind==="background"?(y=it,P(it)):_?.kind==="img"&&(P(ot),y=ot),_?.currentUrl&&y&&(b(_.currentUrl),K(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(()=>F.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(()=>U.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(()=>C.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))):P("")},[h,p,Ve.isLocked,He.isLocked,Qe.isLocked,Ct.isLocked,_]);const Ge=(0,e.useCallback)(({url:a=O||"",meta:d=$t})=>{b(a),I({url:a,meta:d}),setTimeout(()=>{oe(),me(),X({keywords:"",color:"",orientation:""}),te({keywords:""}),Y([]),v([]),P(""),Ke(""),dt(!1),H(""),S(""),K(de)},200),p(s.closeModal$1()),p(s.closeSecondModal())},[O,oe,p,I,me]),At=(0,e.useCallback)((a,d)=>(j("auto"),k(!1),Ge({url:a,meta:Kt}),A.success({id:"IMAGE_UPLOAD_SUCCESS",data:d,title:f("The image was successfully uploaded.")}),a),[f,Ge,A]);(0,e.useEffect)(()=>{const a=c?"":E,d=a||N,y=ee.canonicalImageUrlKey(d);if(!d||!y){B(""),Re.current&&fe.abandonKey(Re.current),Re.current="",oe(),me();return}const G=Re.current;G&&G!==y&&(fe.abandonKey(G),oe(),me()),Re.current=y;const Z=new AbortController,ce=a?800:0,ve=++ye.current,un=setTimeout(async()=>{try{const xe=async()=>{const ue=await fe.resolve(y,Z.signal,Ae);if(ve!==ye.current)return;const{width:Ce,height:dn}=await ee.getImageDimensionsFromBlob(ue);ve===ye.current&&(Q({width:Ce,height:dn,size:(ue.size/1024).toFixed(2),format:Se(ue.type)}),oe(),De(ue))};if(u)await xe();else{const ue=await ee.resolveDataProviderPreview(r,y);if(ue?.previewUrl&&ve===ye.current){We(ue.previewUrl),me();try{const{data:Ce}=await w(y);if(ve!==ye.current)return;Ce?Q({width:Ce?.width,height:Ce?.height,size:Ce?.fileSize!=null?(Ce.fileSize/1024).toFixed(2):"",format:Se(Ce?.format)}):await xe()}catch{await xe()}}else await xe()}if(ve!==ye.current)return;B("success"),b(d),ae(572),setTimeout(()=>{let ue=0;T.current&&(ue=T.current.offsetHeight+62),j(ue)},0)}catch(xe){if(xe?.name==="AbortError"||Z.signal.aborted||ve!==ye.current)return;oe(),me(),B("error")}},ce);return()=>{clearTimeout(un),Z.abort()}},[E,N,c,u,oe,Ae,w,fe,me,r,De]),(0,e.useEffect)(()=>{if(!O||E||N||!h)return;const a=ee.canonicalImageUrlKey(O),d=new AbortController;let y=!1;const G=async()=>{const Z=await fe.resolve(a,d.signal,Ae);if(y)return;const{width:ce,height:ve}=await ee.getImageDimensionsFromBlob(Z);y||(oe(),De(Z),Q({width:ce,height:ve,size:(Z.size/1024).toFixed(2),format:Se(Z.type)}))};return(async()=>{try{if(!u){const Z=await ee.resolveDataProviderPreview(r,a);if(Z?.previewUrl&&!y){We(Z.previewUrl),me();try{const{data:ce}=await w(a);if(y)return;ce?Q({width:ce?.width,height:ce?.height,size:ce?.fileSize!=null?(ce.fileSize/1024).toFixed(2):"",format:Se(ce?.format)}):await G();return}catch{await G()}}}await G()}catch{y||oe()}})(),()=>{y=!0,d.abort()}},[u,h,oe,O,Ae,w,fe,r,E,N,De]);const on=()=>{p(s.closeModal$1()),setTimeout(()=>{oe(),me(),b(""),S(""),Y([]),Y([]),X({keywords:"",color:"",orientation:""}),te({keywords:""}),j("auto"),!ut&&Ke(""),ae(572),K(de)},200)},ln=a=>{a===zt?x.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&&O===""?x.warning({mask:{closable:!0},centered:!0,title:f(""),content:f("To preview and edit the uploaded image"),okText:f("Upload Image"),onOk:()=>{K(de)}}):(setTimeout(()=>{let d=0,y=0;a===de&&q.current?(D.keywords===""&&n.current?.focus({cursor:"start"}),d=300,y=572):a===we&&T.current?(d=T.current.offsetHeight+62,y=572):a===Fe&&se.current?(D.keywords===""&&U.current?.focus({cursor:"start"}),d=130,y=572,L.length>0&&(y=1060,d="84vh")):a===ze&&M.current?(D.keywords===""&&C.current?.focus({cursor:"start"}),d=130,y=572,le.length>0&&(y=1060,d="84vh")):a===$e&&J.current&&(ft===""&&ct.length===0?(F.current?.focus({cursor:"start"}),d=130):d=J.current.offsetHeight+82,y=572),j(d),ae(y)},0),K(a))};(0,e.useEffect)(()=>{D.keywords===""&&(n?.current?.focus({cursor:"start"}),Y([]),setTimeout(()=>{j("auto"),ae(572)},0))},[D,Y,j,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||A.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),ke=async({file:a})=>{try{ge(!0);const d=a===bt.current?await s.prepareImageForEditorResult(a,i,void 0,{compressBySize:l!==void 0}):await s.prepareImageForEditorUpload(a,i),y=await nn(d);if(y.url)return At(y.url,d),y.url;if(!s.shouldFallbackToBuiltInUpload(y,{isStandalone:u,targetIsOurBackend:!!o})){Le(d,s.toUploadImageError(y));return}const G=await s.uploadFileViaDataProvider(d,r);if(G?.url)return At(G.url,d),G.url;Le(d,null);return}catch(d){Le(a,d);return}finally{ge(!1)}},wt=(0,e.useRef)(ke);wt.current=ke;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:q,style:{paddingBottom:24},children:[i.imageCenterLocalUploadEnabled!==!1&&(0,t.jsxs)(Wt,{showUploadList:!1,name:"Image",beforeUpload:Je,customRequest:ke,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:W,children:(0,t.jsx)(m.ui_kit$Input,{ref:n,allowClear:!0,size:"large",placeholder:f("Paste image URL here"),value:E,onChange:tn,onPressEnter:rn,spellCheck:"false"})})})]})}];return i.imageCenterStockEnabled&&!He.isLocked&&Oe.push({label:f("Stock"),key:Fe,children:(0,t.jsx)("div",{ref:se,style:{paddingBottom:24},children:(0,t.jsx)(Mt,{currentReq:D,setCurrentReq:X,imageStockList:L,setImageStockList:Y,setModalWidth:ae,setModalHeight:j,setStockLink:H,setCurrentImageLink:b,inputRef:U,customRequest:Ye})})}),i.imageCenterGifEnabled&&!Qe.isLocked&&Oe.push({label:f("GIF"),key:ze,children:(0,t.jsx)("div",{ref:M,style:{paddingBottom:24},children:(0,t.jsx)(Ft,{currentReqGif:R,setCurrentReqGif:te,imageGifList:le,setImageGifList:v,setModalWidth:ae,setModalHeight:j,setStockLink:H,setCurrentImageLink:b,inputRef:C,customRequest:Ye})})}),i.elementAIimageEnabled&&!Ve.isLocked&&Oe.push({label:f("AI"),key:$e,children:(0,t.jsx)("div",{ref:J,style:{paddingBottom:24},children:(0,t.jsx)(Bt,{setModalHeight:j,customRequest:ke,aiImageRequest:ft,setAiImageRequest:Ke,imageAiList:ct,setImageAiList:qt,isLoadingAi:ut,setIsLoadingAi:dt,aiTabRef:J,inputAiRef:F,isImageUploaded:ne,setIsImageUploaded:k})})}),i.imageCenterEditorEnabled&&Oe.push({label:"",key:we,children:(0,t.jsx)("div",{ref:T,children:(0,t.jsx)(jt,{currentImageLink:O,newLink:E,previewDisplayUrl:en,resolvedPreviewObjectUrl:Jt,resolvedPreviewBlob:Xt,resolveImageBlob:sn,imageSize:V,onSave:cn,uploadImageResultIsLoading:he||!1})})}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m.ui_kit$Modal,{width:pe,className:"image-center",title:f("Image Center"),style:{minHeight:390},open:!!z,onOk:Ge,onCancel:on,footer:$===we?(0,t.jsx)(t.Fragment,{}):null,children:(0,t.jsx)(m.ui_kit$Spin,{spinning:he,children:(0,t.jsx)(m.ui_kit$Tabs,{activeKey:$,onChange:ln,items:Oe,className:"modal-tabs",style:{height:re,minHeight:130}})})}),(0,t.jsx)(s.PlanUpgradePrompt,{open:Yt,onCancel:()=>je(!1),initialSlide:Zt})]})};lt.propTypes={dataProvider:_t.default.object},It.default=lt});
+          as expected. Check README.md for usage'`);if(typeof S=="number"){const D=p?k.current:j();D&&D.scrollHeight>S&&D.scrollTo(0,S)}},[]),(0,e.useEffect)(()=>{n.current=!1,V(!1)},[_]),(0,e.useEffect)(()=>{if(!o||typeof IntersectionObserver>"u")return;const D=q.current;if(!D)return;const X=p?k.current:j(),R=new IntersectionObserver(([te])=>{!te.isIntersecting||n.current||(n.current=!0,V(!0),se.current())},{root:X,rootMargin:Lt(u,x),threshold:0});return R.observe(D),()=>R.disconnect()},[o,u,x,p,j]),(0,e.useEffect)(()=>{var D;if(!b)return;const X=(D=p?k.current:j())!==null&&D!==void 0?D:typeof window<"u"?window:null;if(!X)return;const R=te=>{setTimeout(()=>b(te),0)};return X.addEventListener("scroll",R),()=>X.removeEventListener("scroll",R)},[b,p,j]),(0,e.useEffect)(()=>{var D,X;if(!A)return;const R=(D=p?k.current:j())!==null&&D!==void 0?D:typeof window<"u"?window:null;if(!R)return;if(!((X=T.current)===null||X===void 0)&&X.firstChild){const L=T.current.firstChild.getBoundingClientRect().height;re.current=L,ne(L)}const te=L=>{(R instanceof HTMLElement?R.scrollTop:document.documentElement.scrollTop)>0||(C.current=!0,L instanceof MouseEvent?U.current=L.pageY:L instanceof TouchEvent&&(U.current=L.touches[0].pageY),F.current=U.current,k.current&&(k.current.style.willChange="transform",k.current.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},le=L=>{if(!C.current||(L instanceof MouseEvent?F.current=L.pageY:L instanceof TouchEvent&&(F.current=L.touches[0].pageY),F.current<U.current))return;const Y=F.current-U.current;Y>=J.current&&W(!0),!(Y>re.current*1.5)&&k.current&&(k.current.style.overflow="visible",k.current.style.transform=`translate3d(0px, ${Y}px, 0px)`)},v=()=>{U.current=0,F.current=0,C.current=!1,W(L=>{var Y;return L&&((Y=M.current)===null||Y===void 0||Y.call(M)),!1}),requestAnimationFrame(()=>{k.current&&(k.current.style.overflow="auto",k.current.style.transform="none",k.current.style.willChange="unset")})};return R.addEventListener("touchstart",te),R.addEventListener("touchmove",le),R.addEventListener("touchend",v),R.addEventListener("mousedown",te),R.addEventListener("mousemove",le),R.addEventListener("mouseup",v),()=>{R.removeEventListener("touchstart",te),R.removeEventListener("touchmove",le),R.removeEventListener("touchend",v),R.removeEventListener("mousedown",te),R.removeEventListener("mousemove",le),R.removeEventListener("mouseup",v)}},[A,p,j]);const pe={height:p??"auto",overflow:"auto",WebkitOverflowScrolling:"touch",...f},ae=w||!!(i&&i instanceof Array&&i.length),he=A&&p?{overflow:"auto"}:{},ge=o?(0,t.jsx)("div",{ref:q,style:{height:1}}):null;return(0,t.jsx)("div",{style:he,className:"infinite-scroll-component__outerdiv",children:(0,t.jsxs)("div",{...$,role:H,tabIndex:z,id:P,className:["infinite-scroll-component",N].filter(Boolean).join(" "),ref:k,style:pe,children:[A&&(0,t.jsx)("div",{style:{position:"relative"},ref:T,children:(0,t.jsx)("div",{style:{position:"absolute",left:0,right:0,top:-1*B},children:Q?E:h})}),i,!K&&!ae&&o&&l,K&&o&&l,ge,!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 _e(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=_e(_e(_e({},r),o),{},{style:_e(_e({},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),x=i(g),A=`${w}:${x}`;if(f.current.has(A))return{itemId:w,requestUrl:x,cacheKey:A,controller:f.current.get(A)};const h=l(x);return f.current.set(A,h),{itemId:w,requestUrl:x,cacheKey:A,controller:h}},[l,o,i]);return(0,e.useEffect)(()=>{const g=new Set,w={},x=r.map(A=>{const{itemId:h,cacheKey:E,controller:I}=p(A);g.add(E),w[h]=I.src;const O=Be(I.handleChangeSrc?.(),I.src);return O?.changed&&O.src&&(w[h]=O.src),I.subscribeToSrcChange?.(b=>{const _=Be(b,I.src);!_?.changed||!_.src||c(S=>S[h]===_.src?S:{...S,[h]:_.src})})}).filter(Boolean);return f.current.forEach((A,h)=>{g.has(h)||f.current.delete(h)}),c(w),()=>{x.forEach(A=>A?.())}},[p,r]),{getDisplaySrc:(0,e.useCallback)(g=>{const{itemId:w,requestUrl:x,controller:A}=p(g);return u[w]||A.src||x},[u,p]),handleLoad:(0,e.useCallback)(g=>{p(g).controller.handleSuccess()},[p]),handleError:(0,e.useCallback)(g=>{const{itemId:w,controller:x}=p(g),A=Be(x.handleError(),x.src);A?.changed&&A.src&&c(h=>({...h,[w]:A.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 x=s.useAppConfig(),A=s.useIsStandalone(),[h,E]=(0,e.useState)(!1),[I,O]=(0,e.useState)(2),{__:b}=s.useI18n(),_=s.useNotification(),[S]=s.useLazyGetUnsplashImageQuery(),[N]=s.useLazyGetSearchImageQuery(),H=(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]),z=(0,e.useCallback)(n=>{_.error({id:"STOCK_IMAGES_SEARCH_FAILED",title:b("Failed to load stock images"),description:H(n)})},[b,H,_]),P=async()=>{h||(E(!0),N({query:c,page:I}).then(n=>{if(n?.error){z(n.error),E(!1);return}const C=n?.data?.results||[];l(U=>[...U,...C]),E(!1),O(U=>U+1)}).catch(()=>{E(!1)}))};(0,e.useEffect)(()=>{c.keywords!==""&&$()},[c.color,c.orientation]);const $=async()=>{const n=await N({query:c,page:1});if(n?.error){z(n.error),l([]);return}const C=n?.data?.results||[];C.length>0?(l(C),setTimeout(()=>{i(1060),o("84vh")},0)):l([])},[K,V]=(0,e.useState)(null),Q=(0,e.useCallback)((n,C,U)=>`${n}${n.includes("?")?"&":"?"}w=${C}&q=${U}`,[]),W=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:x,standalone:A,resourceType:"stockImages",intent:"display"}),[x,A]),B=(0,e.useCallback)(n=>n.id,[]),ne=(0,e.useCallback)(n=>Q(n.urls.raw,644,96),[Q]),{getDisplaySrc:k,handleLoad:q,handleError:T}=st({items:u,getItemId:B,getRequestUrl:ne,createController:W}),se=n=>C=>{q(n),C.target.parentNode.classList.add("loaded")},M=n=>()=>{T(n)},J=(n,C,U)=>{S(C.download_location),V(U),setTimeout(()=>V(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:$,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:$,allowClear:!0,size:u.length>0?"medium":"large",placeholder:b("Search image"),value:c.keywords,onChange:n=>f(C=>({...C,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(C=>({...C,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(C=>({...C,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:P,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:()=>J(n.urls,n.links,n.id),children:[(0,t.jsx)("img",{className:K===n.id?"loaded-image":"",width:"322px",src:k(n),alt:n.description,onLoad:se(n),onError:M(n)}),(0,t.jsxs)("p",{className:"creator-info",onClick:C=>C.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"})]}),K===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:x,onImageGenerateLimitExceeded:A}){const{__:h}=s.useI18n(),E=s.useAppConfig(),I=s.useNotification(),O=s.usePushToDataLayer(),{blockId:b}=s.useRouteParams(),_=s.useEditorProjectId(),S=s.useRouteEmailId(),N=s.useWpEntityId(),[H]=s.useLazySendAiImageRequestQuery(),[z,{data:P=[]}]=s.useLazyGetAiImageSSEQuery(),$=s.useProjectPlanLimitPreflight(),K=E?.sendAIImageRequest||H,V=E?.trigger||z,Q=E?.handleLimitUsageEmitter||s.useEventEmitter(be.events.ON_LIMIT_ID),[W,B]=(0,e.useState)(0),[ne,k]=(0,e.useState)(null),[q,T]=(0,e.useState)(!1),[se,M]=(0,e.useState)(h("Evaluating the task")),[J,n]=(0,e.useState)(!1),C=(S?s.isEmailsV2Enabled():s.isBlocksV2Enabled())?N:S||b,{limits:U}=E?.limits?E:{limits:{ai_img_limit:0}},{ai_img_limit:F}=U,re=!!(E.limits&&E.counters)&&!0,j=s.useEventEmitter(be.events.AI_IMAGE_REQUEST_ID).hasListeners(),pe=ee.shouldCountAiUsage({limitsInPlugin:re,hostedAiActive:j}),ae=!j&&F>0&&W>=F,he=(0,e.useCallback)(()=>{Q.fire({name:"AiImgCount",count:W+1})},[Q,W]),ge=(0,e.useMemo)(()=>!ae&&(!pe||F===0||W<F),[ae,pe,W,F]),D=(0,e.useCallback)(async()=>{M(h("Evaluating the task")),c!==""&&!g&&(w(!0),n(!0),p([]),O({event:"submit_form",action:"ai_image_generation",entity_id:S,project_id:_}),K({body:{project_id:_,request:"create-image",connection:"midjourney",message:c}}).then(({data:v,error:L})=>{if(L)throw L;if(v.data.status===401)throw new Error(s.ERROR);if(v?.data?._eventResult){p(v.data.task.images),w(!1),n(!1),M(h("Evaluating the task"));return}v?.data.status===200?(v?.data.task.id&&(M(v.data.task.message),k(v.data.task.id)),v.message&&I.success({id:"AI_IMAGE_SEND_SUCCESS",title:v.message,placement:"bottomRight",data:c}),V({task_id:v?.data.task.id,entity_id:C})):(w(!1),n(!1),I.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),n(!1),(v?.error||v?.data)&&I.fromError("AI_IMAGE_SEND_ERROR",c,v.error||v)}))},[c,g,w,n,p,O,S,_,K,I,V,C,h]),X=(0,e.useCallback)(async()=>{ge?(pe&&(B(v=>v+1),he()),D()):re&&(x?x():I.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"}))},[ge,re,j,pe,$,A,B,he,D,I,h,x]);(0,e.useEffect)(()=>{re&&B(E?.counters?.ai_img_counter||0)},[E,re]);const R=s.useEventEmitter(be.events.AI_IMAGE_PROGRESS_ID);(0,e.useEffect)(()=>{const v=R.event(({progress:L,status:Y})=>{M(Y||`${Math.round(L)}%`)});return()=>v.dispose()},[R]);const te=(0,e.useCallback)(async v=>{if(!l){u(!0);try{const L=at(v)?await(await fetch(v)).blob():kt.base64ToBlob(v);o({file:new File([L],"image.jpeg",{type:L.type||"image/jpeg"})})}catch{u(!1)}}},[l,u,o]),le=(0,e.useCallback)(v=>{v.status!=="error"&&v.status!=="Canceled"?v.images?(M(v.status),v.progress===100&&(p(v.images),M(h("Evaluating the task")),k(null),n(!1))):(p([v.data]),w(!1)):(w(!1),n(!1),I.error({id:"AI_IMAGE_GET_ERROR",title:h("Something went wrong, please try again"),placement:"bottomRight",data:ne}))},[p,M,h,w,r,ne,I,n]);return(0,e.useEffect)(()=>{P.length>1&&le(P[P.length-1])},[P,le]),(0,e.useEffect)(()=>{(g||f.length>0)&&setTimeout(()=>{let v=550;i.current&&(v=i.current.offsetHeight+68),r(v)},0)},[i,P,f.length,g,r]),{aiImageCounter:W,setAiImageCounter:B,currentAiImgLimits:F,isFieldsDisabled:ae,canGenerateImage:ge,aiImageRequest:c,imageAiList:f,setImageAiList:p,isLoadingAi:g,setIsLoadingAi:w,loadingDuringGeneration:J,setLoadingDuringGeneration:n,requestStatus:se,setRequestStatus:M,handleGenerate:X,handleLimitAiImgCount:he,convertBase64ToFile:te,isShiftPressed:q,setIsShiftPressed:T,currentReqId:ne,setCurrentReqId:k,limitsInPlugin:re}}var Bt=({setModalHeight:r,customRequest:o,aiTabRef:i,inputAiRef:l,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,setAiImageRequest:p,imageAiList:g,setImageAiList:w,isLoadingAi:x,setIsLoadingAi:A})=>{const h=s.useAppNavigate();s.useDispatch();const E=s.useOpenPlanCatalog(),{__:I,_n:O}=s.useI18n(),b=s.useAppConfig(),[_,S]=(0,e.useState)(!1),[N,H]=(0,e.useState)(null),{aiImageCounter:z,currentAiImgLimits:P,loadingDuringGeneration:$,requestStatus:K,handleGenerate:V,convertBase64ToFile:Q,isShiftPressed:W,setIsShiftPressed:B,limitsInPlugin:ne}=Nt({setModalHeight:r,customRequest:o,aiTabRef:i,isImageUploaded:u,setIsImageUploaded:c,aiImageRequest:f,imageAiList:g,setImageAiList:w,isLoadingAi:x,setIsLoadingAi:A,onPluginAiImageLimitExceeded:()=>S(!0),onImageGenerateLimitExceeded:H}),k=_&&P>0?s.getAiTariffUpgradeStep(P):null,q=k?s.getLimitUpgradePresetDefinition(k.presetId):null,T=N?s.getLimitUpgradePresetDefinition(N.presetId):null,[se,M]=(0,e.useState)(!1),J=(0,e.useCallback)(()=>M(!0),[]),n=(0,e.useCallback)(()=>M(!1),[]),C=(0,e.useCallback)(j=>p(j.target.value),[p]),U=(0,e.useCallback)(j=>{j.key==="Shift"?B(!0):j.key==="Enter"&&!W&&(j.preventDefault(),V())},[W,V,B]),F=(0,e.useCallback)(j=>{j.key==="Shift"&&B(!1)},[B]),re=g[g.length-1];return(0,t.jsxs)("div",{className:"image-ai",children:[q&&k?(0,t.jsx)(ee.LimitUpgradeModal$1,{open:!0,onClose:()=>S(!1),title:I(q.titleKey),subtitle:I(q.subtitleKey),usageResource:q.usageResource,previousDisplay:s.presetLimitDisplay(k.previousLimit),nextDisplay:s.presetLimitDisplay(k.nextLimit),onChangePlan:()=>{S(!1),E()}}):null,T&&N?(0,t.jsx)(ee.LimitUpgradeModal$1,{open:!0,onClose:()=>H(null),title:I(T.titleKey),subtitle:I(T.subtitleKey),usageResource:T.usageResource,previousDisplay:s.presetLimitDisplay(N.previousLimit),nextDisplay:s.presetLimitDisplay(N.nextLimit),onChangePlan:()=>{H(null),E()}}):null,ne&&(0,t.jsx)(m.ui_kit$LimitsCounter,{text:`${z} ${I("of")} ${P>0?P:"∞"} images ${O("was used","were used",z)}`,exceeded:P>0&&z>=P,style:{marginTop:-25},extra:(0,t.jsx)("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>h(b.billingPageUrl||s.APP_ROUTES.billing),children:I("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${se?" ant-input-affix-wrapper-focused":""}`,children:[(0,t.jsx)(m.ui_kit$TextArea,{ref:l,onKeyDown:U,onKeyUp:F,onFocus:J,onBlur:n,autoSize:!0,allowClear:!0,className:"text-area-input-hybrid image-ai__textarea",placeholder:I("Generate image"),value:f,onChange:C,spellCheck:"false"}),(0,t.jsx)("span",{className:"ant-input-suffix image-ai__input-suffix",children:x||$?(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:V})})]})})})}),(x||g.length>0)&&(0,t.jsxs)("div",{className:"image-ai__preview",children:[x&&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:K})]})}),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:()=>Q(re),icon:(0,t.jsx)(s.EmIcons,{icon:"CheckOutlined",component:m.icons$CheckOutlined}),children:I("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:x})=>{const{__:A}=s.useI18n(),h=s.useAppConfig(),E=s.useIsStandalone(),I=s.useNotification(),[O,b]=(0,e.useState)(null),[_,S]=(0,e.useState)(!1),[N,H]=(0,e.useState)(25),[z]=s.useLazyGetSearchGifQuery(),P=(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:A("Failed to load GIFs through the configured proxy chain."),[A]),$=(0,e.useCallback)(n=>{I.error({id:"STOCK_GIFS_SEARCH_FAILED",title:A("Failed to load GIFs"),description:P(n)})},[A,P,I]),K=async()=>{_||(S(!0),z({query:f,page:N}).then(n=>{if(n?.error){$(n.error),S(!1);return}u(C=>[...C,...n.data.data]),S(!1),H(C=>C+25)}).catch(()=>{S(!1)}))},V=async()=>{const n=await z({query:f,page:0});if(n?.error){$(n.error),u([]);return}n?.data?.data?.length>0&&(u(n.data.data),setTimeout(()=>{i("84vh"),l(1060)},0))},Q=(n,C)=>{b(C),setTimeout(()=>{b(null)},2e3),w(`${n}`),o(`${n}`),x(`${n}`)},W={default:3},B=(0,e.useCallback)(n=>be.getProxiedUrl(n,{config:h,standalone:E,resourceType:"generic",intent:"display"}),[h,E]),ne=(0,e.useCallback)(n=>n.id,[]),k=(0,e.useCallback)(n=>n.images.downsized.url,[]),{getDisplaySrc:q,handleLoad:T,handleError:se}=st({items:c,getItemId:ne,getRequestUrl:k,createController:B}),M=n=>C=>{T(n),C.target.parentNode.classList.add("loaded")},J=n=>()=>{se(n)};return(0,t.jsxs)("div",{className:"stock-tab",children:[(0,t.jsxs)(m.ui_kit$Form,{onValuesChange:V,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:V,allowClear:!0,size:c.length>0?"medium":"large",placeholder:A("Search GIFs"),value:f.keywords,onChange:n=>p(C=>({...C,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:K,hasMore:c,endMessage:(0,t.jsxs)(m.ui_kit$Divider,{plain:!0,children:[A("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:W,className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:c.map((n,C)=>(0,t.jsxs)("div",{className:"list-item",onClick:()=>Q(n.images.downsized.url,n.id),children:[(0,t.jsx)("img",{className:O===n.id?"loaded-image":"",width:"322px",src:q(n),alt:n.title,onLoad:M(n),onError:J(n)}),(0,t.jsx)("a",{rel:"noreferrer",href:"https://giphy.com/",target:"_blank",onClick:U=>U.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=)"}})}),O===n.id&&(0,t.jsx)(m.ui_kit$Spin,{className:"ant-spin",size:"small"})]},n.id+C))})})})})]})},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=ee.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:x}=m.ui_kit$App.useApp(),A=s.useNotification(),h=s.useSelector(s.selectActiveModal$1),{request:E,resolveImagePicker:I}=s.useImagePicker(),[O,b]=(0,e.useState)(""),[_,S]=(0,e.useState)(""),[N,H]=(0,e.useState)(""),[z,P]=(0,e.useState)(""),[$,K]=(0,e.useState)(de),[V,Q]=(0,e.useState)({width:"",height:"",size:"",format:""}),[W,B]=(0,e.useState)("success"),[ne,k]=(0,e.useState)(!1),q=e.default.useRef(null),T=e.default.useRef(null),se=e.default.useRef(null),M=e.default.useRef(null),J=e.default.useRef(null),n=e.default.useRef(null),C=e.default.useRef(null),U=e.default.useRef(null),F=e.default.useRef(null),[re,j]=(0,e.useState)("auto"),[pe,ae]=(0,e.useState)(572),[he,ge]=(0,e.useState)(!1),[D,X]=(0,e.useState)({keywords:"",color:"",orientation:""}),[R,te]=(0,e.useState)({keywords:""}),[le,v]=(0,e.useState)([]),[L,Y]=(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=ee.useImageBlobResolver(),Re=e.default.useRef(""),ye=e.default.useRef(0),Ie=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;Ie.current&&URL.revokeObjectURL(Ie.current);const d=URL.createObjectURL(a);Ie.current=d,gt(d),vt(a)},[]),me=(0,e.useCallback)(()=>{Ie.current&&(URL.revokeObjectURL(Ie.current),Ie.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,S(a)},tn=a=>{Me.current=!1,S(a.target.value)},Le=(0,e.useCallback)((a,d,y=f("The image could not be uploaded."))=>{const G=d instanceof Error?d.message:y;A.error({id:"IMAGE_UPLOAD_ERROR",data:a,title:f("Upload failed"),description:G})},[f,A]),nn=(0,e.useCallback)(a=>s.fireUploadImageEvent(ht,{file:a,project:pt}),[pt,ht]),Ae=ee.useImageBlobFetch(),sn=(0,e.useCallback)(a=>fe.resolve(ee.canonicalImageUrlKey(a),void 0,Ae),[Ae,fe]),Ye=async a=>{if(a)try{const d=await an(a);d&&Je(d)?await ke({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 y=s.resolveUploadLinkAction(c,d,Me.current);y==="insertAsIs"?(Me.current=!1,Ge({url:a})):y==="upload"&&Ye(a)},Ze=e.default.useRef(yt);Ze.current=yt;const rn=(0,e.useCallback)(()=>{const a=_.trim();a.toLowerCase().startsWith("http")&&Ze.current(a,"enter")},[_]);e.default.useEffect(()=>{if($!==de||!z)return;const a=_.trim();if(!a||!a.toLowerCase().startsWith("http"))return;const d=setTimeout(()=>{Ze.current(a,"timer")},1e3);return()=>{clearTimeout(d)}},[_,$,z]);const an=async a=>{try{const d=ee.canonicalImageUrlKey(a),y=await fe.resolve(d,void 0,Ae);return Qt(y,d)}catch{}};document.onpaste=function(a){const d=a.clipboardData?.items?.[0];if($===de&&z){if(d?.type?.indexOf("image")===0&&i.imageCenterLocalUploadEnabled!==!1){const G=d.getAsFile();Je(G);const Z={file:G};S(""),ke(Z);return}const y=a.clipboardData?.getData("text/plain");if(y&&y.trim().toLowerCase().startsWith("http")){a.preventDefault(),a.stopPropagation(),qe(y.trim());return}d?.type?.indexOf("text")===0&&d.getAsString(G=>{if(G.trim().toLowerCase().startsWith("http"))qe(G.trim());else if(G.toString().slice(1,5)==="meta"){const Z=G.toString().split('"')[1];Z&&qe(Z)}})}},(0,e.useEffect)(()=>{const a=d=>{let y=null;E?.kind==="background"?(y=it,P(it)):E?.kind==="img"&&(P(ot),y=ot),E?.currentUrl&&y&&(b(E.currentUrl),K(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(()=>F.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(()=>U.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(()=>C.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))):P("")},[h,p,Ve.isLocked,He.isLocked,Qe.isLocked,Ct.isLocked,E]);const Ge=(0,e.useCallback)(({url:a=O||"",meta:d=$t})=>{b(a),I({url:a,meta:d}),setTimeout(()=>{oe(),me(),X({keywords:"",color:"",orientation:""}),te({keywords:""}),Y([]),v([]),P(""),Ke(""),dt(!1),H(""),S(""),K(de)},200),p(s.closeModal$1()),p(s.closeSecondModal())},[O,oe,p,I,me]),At=(0,e.useCallback)((a,d)=>(j("auto"),k(!1),Ge({url:a,meta:Kt}),A.success({id:"IMAGE_UPLOAD_SUCCESS",data:d,title:f("The image was successfully uploaded.")}),a),[f,Ge,A]);(0,e.useEffect)(()=>{const a=c?"":_,d=a||N,y=ee.canonicalImageUrlKey(d);if(!d||!y){B(""),Re.current&&fe.abandonKey(Re.current),Re.current="",oe(),me();return}const G=Re.current;G&&G!==y&&(fe.abandonKey(G),oe(),me()),Re.current=y;const Z=new AbortController,ce=a?800:0,ve=++ye.current,un=setTimeout(async()=>{try{const xe=async()=>{const ue=await fe.resolve(y,Z.signal,Ae);if(ve!==ye.current)return;const{width:Ce,height:dn}=await ee.getImageDimensionsFromBlob(ue);ve===ye.current&&(Q({width:Ce,height:dn,size:(ue.size/1024).toFixed(2),format:Se(ue.type)}),oe(),De(ue))};if(u)await xe();else{const ue=await ee.resolveDataProviderPreview(r,y);if(ue?.previewUrl&&ve===ye.current){We(ue.previewUrl),me();try{const{data:Ce}=await w(y);if(ve!==ye.current)return;Ce?Q({width:Ce?.width,height:Ce?.height,size:Ce?.fileSize!=null?(Ce.fileSize/1024).toFixed(2):"",format:Se(Ce?.format)}):await xe()}catch{await xe()}}else await xe()}if(ve!==ye.current)return;B("success"),b(d),ae(572),setTimeout(()=>{let ue=0;T.current&&(ue=T.current.offsetHeight+62),j(ue)},0)}catch(xe){if(xe?.name==="AbortError"||Z.signal.aborted||ve!==ye.current)return;oe(),me(),B("error")}},ce);return()=>{clearTimeout(un),Z.abort()}},[_,N,c,u,oe,Ae,w,fe,me,r,De]),(0,e.useEffect)(()=>{if(!O||_||N||!h)return;const a=ee.canonicalImageUrlKey(O),d=new AbortController;let y=!1;const G=async()=>{const Z=await fe.resolve(a,d.signal,Ae);if(y)return;const{width:ce,height:ve}=await ee.getImageDimensionsFromBlob(Z);y||(oe(),De(Z),Q({width:ce,height:ve,size:(Z.size/1024).toFixed(2),format:Se(Z.type)}))};return(async()=>{try{if(!u){const Z=await ee.resolveDataProviderPreview(r,a);if(Z?.previewUrl&&!y){We(Z.previewUrl),me();try{const{data:ce}=await w(a);if(y)return;ce?Q({width:ce?.width,height:ce?.height,size:ce?.fileSize!=null?(ce.fileSize/1024).toFixed(2):"",format:Se(ce?.format)}):await G();return}catch{await G()}}}await G()}catch{y||oe()}})(),()=>{y=!0,d.abort()}},[u,h,oe,O,Ae,w,fe,r,_,N,De]);const on=()=>{p(s.closeModal$1()),setTimeout(()=>{oe(),me(),b(""),S(""),Y([]),Y([]),X({keywords:"",color:"",orientation:""}),te({keywords:""}),j("auto"),!ut&&Ke(""),ae(572),K(de)},200)},ln=a=>{a===zt?x.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&&O===""?x.warning({mask:{closable:!0},centered:!0,title:f(""),content:f("To preview and edit the uploaded image"),okText:f("Upload Image"),onOk:()=>{K(de)}}):(setTimeout(()=>{let d=0,y=0;a===de&&q.current?(D.keywords===""&&n.current?.focus({cursor:"start"}),d=300,y=572):a===we&&T.current?(d=T.current.offsetHeight+62,y=572):a===Fe&&se.current?(D.keywords===""&&U.current?.focus({cursor:"start"}),d=130,y=572,L.length>0&&(y=1060,d="84vh")):a===ze&&M.current?(D.keywords===""&&C.current?.focus({cursor:"start"}),d=130,y=572,le.length>0&&(y=1060,d="84vh")):a===$e&&J.current&&(ft===""&&ct.length===0?(F.current?.focus({cursor:"start"}),d=130):d=J.current.offsetHeight+82,y=572),j(d),ae(y)},0),K(a))};(0,e.useEffect)(()=>{D.keywords===""&&(n?.current?.focus({cursor:"start"}),Y([]),setTimeout(()=>{j("auto"),ae(572)},0))},[D,Y,j,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||A.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),ke=async({file:a})=>{try{ge(!0);const d=a===bt.current?await s.prepareImageForEditorResult(a,i,void 0,{compressBySize:l!==void 0}):await s.prepareImageForEditorUpload(a,i),y=await nn(d);if(y.url)return At(y.url,d),y.url;if(!s.shouldFallbackToBuiltInUpload(y,{isStandalone:u,targetIsOurBackend:!!o})){Le(d,s.toUploadImageError(y));return}const G=await s.uploadFileViaDataProvider(d,r);if(G?.url)return At(G.url,d),G.url;Le(d,null);return}catch(d){Le(a,d);return}finally{ge(!1)}},wt=(0,e.useRef)(ke);wt.current=ke;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:q,style:{paddingBottom:24},children:[i.imageCenterLocalUploadEnabled!==!1&&(0,t.jsxs)(Wt,{showUploadList:!1,name:"Image",beforeUpload:Je,customRequest:ke,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:W,children:(0,t.jsx)(m.ui_kit$Input,{ref:n,allowClear:!0,size:"large",placeholder:f("Paste image URL here"),value:_,onChange:tn,onPressEnter:rn,spellCheck:"false"})})})]})}];return i.imageCenterStockEnabled&&!He.isLocked&&Oe.push({label:f("Stock"),key:Fe,children:(0,t.jsx)("div",{ref:se,style:{paddingBottom:24},children:(0,t.jsx)(Mt,{currentReq:D,setCurrentReq:X,imageStockList:L,setImageStockList:Y,setModalWidth:ae,setModalHeight:j,setStockLink:H,setCurrentImageLink:b,inputRef:U,customRequest:Ye})})}),i.imageCenterGifEnabled&&!Qe.isLocked&&Oe.push({label:f("GIF"),key:ze,children:(0,t.jsx)("div",{ref:M,style:{paddingBottom:24},children:(0,t.jsx)(Ft,{currentReqGif:R,setCurrentReqGif:te,imageGifList:le,setImageGifList:v,setModalWidth:ae,setModalHeight:j,setStockLink:H,setCurrentImageLink:b,inputRef:C,customRequest:Ye})})}),i.elementAIimageEnabled&&!Ve.isLocked&&Oe.push({label:f("AI"),key:$e,children:(0,t.jsx)("div",{ref:J,style:{paddingBottom:24},children:(0,t.jsx)(Bt,{setModalHeight:j,customRequest:ke,aiImageRequest:ft,setAiImageRequest:Ke,imageAiList:ct,setImageAiList:qt,isLoadingAi:ut,setIsLoadingAi:dt,aiTabRef:J,inputAiRef:F,isImageUploaded:ne,setIsImageUploaded:k})})}),i.imageCenterEditorEnabled&&Oe.push({label:"",key:we,children:(0,t.jsx)("div",{ref:T,children:(0,t.jsx)(jt,{currentImageLink:O,newLink:_,previewDisplayUrl:en,resolvedPreviewObjectUrl:Jt,resolvedPreviewBlob:Xt,resolveImageBlob:sn,imageSize:V,onSave:cn,uploadImageResultIsLoading:he||!1})})}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m.ui_kit$Modal,{width:pe,className:"image-center",title:f("Image Center"),style:{minHeight:390},open:!!z,onOk:Ge,onCancel:on,footer:$===we?(0,t.jsx)(t.Fragment,{}):null,children:(0,t.jsx)(m.ui_kit$Spin,{spinning:he,children:(0,t.jsx)(m.ui_kit$Tabs,{activeKey:$,onChange:ln,items:Oe,className:"modal-tabs",style:{height:re,minHeight:130}})})}),(0,t.jsx)(s.PlanUpgradePrompt,{open:Yt,onCancel:()=>je(!1),initialSlide:Zt})]})};lt.propTypes={dataProvider:Et.default.object},It.default=lt});

package/static/core/{5b6e2acb.js → 9c4c7364.js}

@@ -1 +1 @@
-__emailmaker__.define("static/core/5b6e2acb.js",["require","exports","module","static/core/814472f3.js"],function(u,t,s){const r=u("./814472f3.js");var n="https://cdn.ampproject.org/v0",i=`${n}.js`,c=`script[src='${i}']`;function a(e){return r.isElement(e)&&(e.tagName.startsWith("AMP")||e.tagName==="FORM"||e.tagName==="TEMPLATE"&&e.getAttribute("type")?.toLowerCase()==="amp-mustache")}function m(e){return r.isScriptElement(e)&&e.src?.startsWith("https://cdn.ampproject.org/v0")}Object.defineProperty(t,"AMP_BASE_SCRIPT",{enumerable:!0,get:function(){return i}}),Object.defineProperty(t,"AMP_BASE_SELECTOR",{enumerable:!0,get:function(){return c}}),Object.defineProperty(t,"AMP_SCRIPTS_PATH",{enumerable:!0,get:function(){return n}}),Object.defineProperty(t,"isAmpElement",{enumerable:!0,get:function(){return a}}),Object.defineProperty(t,"isAmpScript",{enumerable:!0,get:function(){return m}})});
+__emailmaker__.define("static/core/9c4c7364.js",["require","exports","module","static/core/dd7229b2.js"],function(u,t,s){const r=u("./dd7229b2.js");var n="https://cdn.ampproject.org/v0",i=`${n}.js`,c=`script[src='${i}']`;function a(e){return r.isElement(e)&&(e.tagName.startsWith("AMP")||e.tagName==="FORM"||e.tagName==="TEMPLATE"&&e.getAttribute("type")?.toLowerCase()==="amp-mustache")}function m(e){return r.isScriptElement(e)&&e.src?.startsWith("https://cdn.ampproject.org/v0")}Object.defineProperty(t,"AMP_BASE_SCRIPT",{enumerable:!0,get:function(){return i}}),Object.defineProperty(t,"AMP_BASE_SELECTOR",{enumerable:!0,get:function(){return c}}),Object.defineProperty(t,"AMP_SCRIPTS_PATH",{enumerable:!0,get:function(){return n}}),Object.defineProperty(t,"isAmpElement",{enumerable:!0,get:function(){return a}}),Object.defineProperty(t,"isAmpScript",{enumerable:!0,get:function(){return m}})});