https://wavevisual.com/_next/static/chunks/5710.d65cad3e3e2d9be7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5710],{55710:function(e,t,s){s.r(t),s.d(t,{PreEditSizeSelectorModal:function(){return u}});var i=s(52322);s(2784);var a=s(42670),r=s(12524),o=s.n(r),l=s(15644),n=s(30118),d=s(118),c=s(57284),x=s(39402),f=s(32896),p=s(3438),m=s(84649);function u(e){let{open:t,designId:s,experimentVariant:r,onSkip:u,onCompleted:g}=e,{updateEditorState:h,canvasAspectRatio:b,waveforms:j,textNodes:N,qr:v,images:y}=(0,n._i)(),{setNotSaved:E}=(0,d.r)(),S=e=>{let t=c.e_[e],i=c.Iy[t],a=x.DC[e],o=(0,m.$E)({oldAspectRatio:b,newAspectRatio:t,waveforms:null!=j?j:[],textNodes:null!=N?N:[],qr:v,images:y});h({canvasAspectRatio:t,...o}),E(),p.HV({designId:s,aspectRatio:t,inferred_use_case:i,preset_key:"use-case-".concat(e),preset_label:a,experiment_variant:r}),s&&(0,f.M)(s,"completed"),g()},k=()=>{p.$B({designId:s,experiment_variant:r}),s&&(0,f.M)(s,"skipped"),u()};return(0,i.jsx)(l.Q,{open:t,onClose:k,className:"flex w-full max-w-xl flex-col overflow-hidden sm:max-w-2xl md:max-w-lg",dataTestId:"pre-edit-size-selector-modal",header:(0,i.jsx)("span",{className:"text-base font-semibold text-gray-900",children:(0,i.jsx)(a.Z,{id:"Editor.PreEditSizeSelector.title",defaultMessage:"Choose a canvas size"})}),children:(0,i.jsxs)("div",{className:"flex flex-col gap-4 pb-2",children:[(0,i.jsx)("p",{className:"text-left text-sm text-gray-600",children:(0,i.jsx)(a.Z,{id:"Editor.PreEditSizeSelector.subtitleShort",defaultMessage:"Tap what you are creating. You can pick an exact size anytime from Resize."})}),(0,i.jsx)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:x.p1.map(e=>(0,i.jsxs)("button",{type:"button",onClick:()=>S(e),className:o()("flex items-center gap-3 rounded-2xl border-2 border-gray-200 bg-white px-4 py-4 text-left transition-colors","hover:border-indigo-400 hover:bg-indigo-50/50","focus:border-indigo-600 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"),children:[(0,i.jsx)(x.EP,{useCase:e}),(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:(0,i.jsx)(a.Z,{id:"Editor.PreEditUseCase.".concat(e),defaultMessage:x.DC[e]})}),(0,i.jsx)("span",{className:"text-xs text-gray-500",children:x.zG[e]})]})]},e))}),(0,i.jsx)("p",{className:"text-center text-xs text-gray-500",children:(0,i.jsx)(a.Z,{id:"Editor.PreEditSizeSelector.moreSizesHint",defaultMessage:"Need a specific template? Use Resize in the toolbar."})}),(0,i.jsx)("div",{className:"flex shrink-0 justify-center border-t border-gray-100 pt-4",children:(0,i.jsx)("button",{type:"button",onClick:k,className:"text-sm font-medium text-indigo-600 hover:text-indigo-500",children:(0,i.jsx)(a.Z,{id:"Editor.PreEditSizeSelector.skip",defaultMessage:"Skip for now"})})})]})})}}}]);