https://magicstudio.com/_next/static/chunks/1373-c121fa4318dd9d0a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1373],{5678:function(e,t,l){var i=l(11798),n=l(52733),a=l(28958),r=l(51403),s=l(88026),o=l(43857),d=l(16660),c=l(26215),p=l(98200),u=l(68802),m=l(65718),x=l(80394),g=l(39307),f=l(29094);t.Z=function(e){var t=(0,o.Z)("common").t,l=(0,a.Z)((0,p.T)(),2),h=l[0],v=l[1],_=(0,g.T)(),C=_.setOriginalFile,j=_.setProcessedImage,E=_.setEditMaskImage,F=(0,u.a)().subscription,S=(0,d.useState)(""),G=S[0],O=S[1],w=F&&F.status,y=function(l){if(e.toolForOnlyActiveSubscription&&"active"!==w){e.openUpgradeNudge(!0);return}if(0!==l.length&&!(R.length>0)){var i=new Image;i.src=URL.createObjectURL(l[0]),i.onload=function(){(0,x.c)("image_uploaded",{source_tool:null==e?void 0:e.app,image_height:i.height,image_width:i.width,image_size:l[0].size,image_format:l[0].type},[f.C.MS_ANALYTICS])};try{if(l[0].size>33554432)throw O(t("common:EDITOR_UPLOAD_SIZE_ERROR")),Error("file too large");v(l),C(null),j(null),E(null),e.onDrop&&e.onDrop(l)}catch(n){console.error("error: ".concat(n.message))}}},b=(null==e?void 0:e.acceptedFileFormats)||{"image/*":[]},N=(0,c.uI)({accept:b,maxFiles:1,multiple:!1,onDrop:y}),L=N.getRootProps,T=N.getInputProps,R=N.fileRejections;return(0,d.useEffect)(function(){0===R.length&&O(""),R.length>0&&("too-many-files"===R[0].errors[0].code&&O(t("common:EDITOR_UPLOAD_MANY_ERROR")),"file-invalid-type"===R[0].errors[0].code&&O(t("common:EDITOR_UPLOAD_TYPE_GENERIC_ERROR")))},[R,h]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",(0,n.Z)((0,i.Z)({},L()),{className:(0,s.Z)("hidden h-full bg-white md:flex flex-col items-center justify-center rounded-xl border border-dashed border-primary border-opacity-50 w-full py-8 cursor-pointer focus:outline-none hover:border-opacity-100 group"),children:[(0,r.jsx)("input",(0,i.Z)({},T())),(0,r.jsxs)("svg",{width:"512",height:"512",viewBox:"0 0 512 512",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"w-10 h-10",children:[(0,r.jsxs)("g",{clipPath:"url(#clip0_7214_41555)",children:[(0,r.jsx)("path",{d:"M512.002 109.76V402.24C512.015 418.908 508.125 435.347 500.642 450.24L438.882 382.4L387.842 326.4C374.082 311.36 353.442 300.64 336.162 307.52C317.492 318.279 299.868 330.76 283.522 344.8L240.002 296.8C234.467 290.689 227.714 285.805 220.177 282.462C212.64 279.12 204.487 277.393 196.242 277.393C187.997 277.393 179.844 279.12 172.307 282.462C164.77 285.805 158.017 290.689 152.482 296.8L73.1218 384L11.8418 451.84C3.96302 436.5 -0.0985538 419.485 0.001816 402.24V109.76C0.001816 80.6498 11.5658 52.732 32.1498 32.148C52.7338 11.564 80.6517 0 109.762 0L402.242 0C431.352 0 459.27 11.564 479.854 32.148C500.438 52.732 512.002 80.6498 512.002 109.76Z",fill:"url(#paint0_linear_7214_41555)"}),(0,r.jsx)("path",{d:"M500.64 450.56C493.893 464.431 484.29 476.718 472.461 486.618C460.631 496.517 446.843 503.803 432 508L320 384L284.32 344.8C300.363 330.809 317.663 318.329 336 307.52C353.44 300.64 374.08 311.36 387.68 326.4L438.72 382.72L500.64 450.56Z",fill:"url(#paint1_linear_7214_41555)"}),(0,r.jsx)("path",{d:"M432 508C422.41 510.646 412.508 511.991 402.56 512H109.76C89.4689 512.019 69.571 506.405 52.2823 495.783C34.9936 485.161 20.993 469.949 11.8398 451.84L73.1198 384L152.32 296.96C157.855 290.849 164.608 285.965 172.145 282.622C179.682 279.28 187.835 277.553 196.08 277.553C204.325 277.553 212.478 279.28 220.015 282.622C227.552 285.965 234.305 290.849 239.84 296.96L283.36 344.96L319.04 384L432 508Z",fill:"url(#paint2_linear_7214_41555)"}),(0,r.jsx)("path",{d:"M432 508C422.41 510.646 412.508 511.991 402.56 512H109.76C89.4689 512.019 69.571 506.405 52.2823 495.783C34.9936 485.161 20.993 469.949 11.8398 451.84L73.1198 384L152.32 296.96C157.855 290.849 164.608 285.965 172.145 282.622C179.682 279.28 187.835 277.553 196.08 277.553C204.325 277.553 212.478 279.28 220.015 282.622C227.552 285.965 234.305 290.849 239.84 296.96L283.36 344.96L319.04 384L432 508Z",fill:"url(#paint3_linear_7214_41555)"}),(0,r.jsx)("path",{d:"M347.359 201.28C367.594 201.28 383.999 184.876 383.999 164.64C383.999 144.404 367.594 128 347.359 128C327.123 128 310.719 144.404 310.719 164.64C310.719 184.876 327.123 201.28 347.359 201.28Z",fill:"url(#paint4_linear_7214_41555)"})]}),(0,r.jsxs)("defs",{children:[(0,r.jsxs)("linearGradient",{id:"paint0_linear_7214_41555",x1:"256.002",y1:"451.84",x2:"256.002",y2:"0",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:(null==e?void 0:e.fileSelectBgGradientStart)?null==e?void 0:e.fileSelectBgGradientStart:"#F6F0EA"}),(0,r.jsx)("stop",{offset:"1",stopColor:(null==e?void 0:e.fileSelectBgGradientEnd)?null==e?void 0:e.fileSelectBgGradientEnd:"#BCCEFF"})]}),(0,r.jsxs)("linearGradient",{id:"paint1_linear_7214_41555",x1:"493.44",y1:"463.52",x2:"284.64",y2:"342.88",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:(null==e?void 0:e.appGradientStart)?null==e?void 0:e.appGradientStart:"#20BDFF"}),(0,r.jsx)("stop",{offset:"1",stopColor:(null==e?void 0:e.appGradientEnd)?null==e?void 0:e.appGradientEnd:"#5433FF"})]}),(0,r.jsxs)("linearGradient",{id:"paint2_linear_7214_41555",x1:"343.68",y1:"596",x2:"98.3999",y2:"350.72",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:(null==e?void 0:e.appGradientStart)?null==e?void 0:e.appGradientStart:"#20BDFF"}),(0,r.jsx)("stop",{offset:"1",stopColor:(null==e?void 0:e.appGradientEnd)?null==e?void 0:e.appGradientEnd:"#5433FF"})]}),(0,r.jsxs)("linearGradient",{id:"paint3_linear_7214_41555",x1:"409.44",y1:"546.72",x2:"70.2399",y2:"350.88",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:(null==e?void 0:e.appGradientStart)?null==e?void 0:e.appGradientStart:"#20BDFF"}),(0,r.jsx)("stop",{offset:"1",stopColor:(null==e?void 0:e.appGradientEnd)?null==e?void 0:e.appGradientEnd:"#5433FF"})]}),(0,r.jsxs)("linearGradient",{id:"paint4_linear_7214_41555",x1:"379.039",y1:"182.88",x2:"315.679",y2:"146.24",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:(null==e?void 0:e.appGradientStart)?null==e?void 0:e.appGradientStart:"#20BDFF"}),(0,r.jsx)("stop",{offset:"1",stopColor:(null==e?void 0:e.appGradientEnd)?null==e?void 0:e.appGradientEnd:"#5433FF"})]}),(0,r.jsx)("clipPath",{id:"clip0_7214_41555",children:(0,r.jsx)("rect",{width:"512",height:"512",fill:"white"})})]})]}),(0,r.jsx)("p",{className:"text-slate-800 text-base font-[350] antialiased -tracking-[0.011em] mt-2",children:t("E

1DITOR_CTA_DRAG_DROP")}),(0,r.jsx)("p",{className:"text-slate-800 text-sm my-2 antialiased -tracking-[0.006em] font-[350]",children:t("EDITOR_CTA_OR")}),(0,r.jsx)(m.PrimaryButton,{text:t("common:EDITOR_CTA_UPLOAD_BUTTON")})]})),(0,r.jsxs)("div",(0,n.Z)((0,i.Z)({},L()),{className:"block md:hidden",children:[(0,r.jsx)("input",(0,i.Z)({},T())),(0,r.jsx)(m.PrimaryButtonFullWidth,{text:t("common:EDITOR_CTA_UPLOAD_BUTTON")})]})),(0,r.jsxs)("div",{className:"flex flex-col md:flex-row justify-between mt-4",children:[(0,r.jsxs)("p",{className:"text-slate-800 text-sm font-light -tracking-[0.006em]",children:[t("EDITOR_SUPPORTED_FORMATS"),(null==e?void 0:e.acceptedFileFormatsText)||"JPEG, PNG"]}),(0,r.jsx)("p",{className:"text-red-400 text-sm font-light -tracking-[0.006em] mt-2 md:mt-0 antialiased",children:G||(null==e?void 0:e.error)})]})]})}},71373:function(e,t,l){var i=l(20550),n=l(28958),a=l(2081),r=l(51403);l(16660);var s=l(5678),o=l(98200),d=l(14532),c=l(43857),p=l(68802),u=l(80394),m=l(39307),x=l(95855),g=l(29094);t.Z=function(e){var t,l,f=(0,c.Z)().t,h=(0,n.Z)((0,o.T)(),4),v=(h[0],h[1]),_=(h[2],h[3]),C=(0,m.T)(),j=C.setOriginalFile,E=C.setProcessedImage,F=C.setEditMaskImage,S=(0,p.a)().subscription,G=(l=(0,i.Z)(function(t,l){var i;return(0,a.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,d.t)(t,l)];case 1:return i=n.sent(),(0,u.c)("image_uploaded",{source_tool:e.app,image_height:i.height,image_width:i.width,image_size:i.size,image_format:i.type,is_example_image:!0},[g.C.MS_ANALYTICS]),v([i]),_([i]),E(null),j(null),F(null),[2]}})}),function(e,t){return l.apply(this,arguments)});return(0,r.jsxs)("div",{className:"flex flex-col items-start md:items-center",children:[(0,r.jsx)(x.H1,{text:null==e?void 0:e.title,classes:"text-left md:text-center max-w-4xl"}),(0,r.jsx)(x.v_,{text:null==e?void 0:e.subtitle,classes:"mt-4 text-left md:text-center max-w-4xl"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 mt-8 md:mt-12 w-full",children:[(0,r.jsxs)("div",{className:"flex flex-col justify-between gap-8",children:[(0,r.jsx)("div",{className:"flex flex-col h-full",children:(0,r.jsx)(s.Z,{app:e.app,toolForOnlyActiveSubscription:e.toolForOnlyActiveSubscription,openUpgradeNudge:e.openUpgradeNudge,fileSelectBgGradientStart:null==e?void 0:e.fileSelectBgGradientStart,fileSelectBgGradientEnd:null==e?void 0:e.fileSelectBgGradientEnd,appGradientStart:null==e?void 0:e.appGradientStart,appGradientEnd:null==e?void 0:e.appGradientEnd,error:null==e?void 0:e.error,acceptedFileFormats:null==e?void 0:e.acceptedFileFormats,acceptedFileFormatsText:null==e?void 0:e.acceptedFileFormatsText})}),(null==e?void 0:e.exampleImages)&&(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-slate-800 text-base -tracking-[0.011em] md:text-lg md:-tracking-[0.014em] font-[350] antialiased",children:f("common:EDITOR_CTA_EXAMPLES")}),(0,r.jsx)("div",{className:"flex flex-row md:flex-wrap items-center gap-2 mt-2 relative overflow-scroll scrollbar-hide",children:null==e?void 0:null===(t=e.exampleImages)||void 0===t?void 0:t.map(function(t,l){return(0,r.jsxs)("div",{className:"relative cursor-pointer group",onClick:function(){(null==e?void 0:e.toolForOnlyActiveSubscription)&&(null==S?void 0:S.status)!=="active"?e.openUpgradeNudge(!0):G(null==t?void 0:t.url,null==t?void 0:t.name)},children:[(0,r.jsx)("img",{src:(null==t?void 0:t.thumbnail)?null==t?void 0:t.thumbnail:null==t?void 0:t.url,className:"object-cover w-20 md:w-20 h-12 md:h-14 rounded-lg overflow-hidden relative",alt:t.alt}),(0,r.jsx)("div",{className:"bg-black absolute top-0 rounded-lg bg-opacity-30 group-hover:bg-opacity-10 w-full h-full flex items-center justify-center",children:(0,r.jsx)("i",{className:" isax isax-add text-white text-center text-3xl"})})]},l)})})]})]}),null==e?void 0:e.heroImage]}),null==e?void 0:e.infoComponent]})}}}]);