1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6080],{28883:(e,t,a)=>{a.d(t,{A:()=>i});let i=(0,a(19946).A)("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]])},36080:(e,t,a)=>{a.r(t),a.d(t,{SignupModal:()=>M});var i=a(95155),n=a(12115),s=a(15452),o=a(28883),l=a(85339),r=a(78749),d=a(92657),m=a(51154),p=a(99840),x=a(97168),c=a(89852),g=a(82714),u=a(49026),h=a(48151),f=a(24026),b=a(86424),v=a(90802),w=a(46412),y=a(87399),_=a(23753);let j={key:"generate_for_free",title:"Generate for free"};function N(e){return{signup_title_experiment:"hero_signup_modal_title_v1",signup_title_variant:e.key,signup_title_text:e.title,signup_title_control_text:"Create a free account to generate this SVG"}}function F(){return(0,i.jsxs)("svg",{className:"h-5 w-5",viewBox:"0 0 24 24","aria-hidden":"true",children:[(0,i.jsx)("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),(0,i.jsx)("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),(0,i.jsx)("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:"#FBBC05"}),(0,i.jsx)("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]})}function k({className:e}){return(0,i.jsxs)("svg",{className:(0,f.cn)("h-5 w-5 shrink-0",e),viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,i.jsx)("path",{d:"M8.15 2.9 9.5 7.55 14.2 8.9 9.5 10.25 8.15 14.9 6.8 10.25 2.1 8.9 6.8 7.55 8.15 2.9Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M17.25 5.15 17.9 7.35 20.1 8 17.9 8.65 17.25 10.85 16.6 8.65 14.4 8 16.6 7.35 17.25 5.15Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M15.95 14.25 16.42 15.88 18.05 16.35 16.42 16.82 15.95 18.45 15.48 16.82 13.85 16.35 15.48 15.88 15.95 14.25Z",fill:"currentColor"})]})}function C(){return(0,i.jsx)("div",{"data-signup-modal":"graphic",className:"signup-modal-graphic relative hidden h-[299px] w-full overflow-visible sm:max-md:h-[230px] sm:block",children:(0,i.jsx)("img",{"data-signup-modal":"graphic-img",src:"/images/signup-modal-illustration.svg?v=vectorized-clean-corner-text",alt:"","aria-hidden":"true",className:"signup-modal-graphic-img pointer-events-none absolute -left-9 top-0 h-[299px] w-[380px] max-w-none select-none object-fill sm:max-md:-left-10 sm:max-md:h-[230px] sm:max-md:w-[300px]",draggable:!1,style:{WebkitMaskImage:"linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%)",maskImage:"linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%)"}})})}function A(){return(0,i.jsx)("img",{src:"/images/signup-benefit-svg-variations.svg",alt:"","aria-hidden":"true",className:"h-[72px] w-[84px] object-contain",draggable:!1})}function S({transparentBackground:e}){return(0,i.jsxs)("div",{"data-signup-modal":"signup-benefits",className:"mt-5 w-full min-w-0",children:[(0,i.jsx)("p",{className:"text-[15px] font-extrabold leading-5 text-[#7A869A]",children:"For this prompt, you'll get:"}),(0,i.jsxs)("div",{"data-signup-modal":"signup-benefit-tile",className:"mt-3 flex min-h-[122px] min-w-0 items-center gap-3 rounded-[10px] border border-[#EADBD3] bg-white/90 px-4 py-5 text-left shadow-[0_12px_30px_rgba(15,23,42,0.055)] backdrop-blur-sm",children:[(0,i.jsx)("div",{className:"flex shrink-0 items-center justify-center text-[#FF3D00]",children:(0,i.jsx)(A,{})}),(0,i.jsx)("div",{className:"h-[70px] w-px shrink-0 bg-[#F3D8CC]"}),(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"whitespace-nowrap text-[20px] font-extrabold leading-[24px] text-[#111B31]",children:"2 SVG variations"}),(0,i.jsx)("p",{className:"mt-2 text-[15px] font-medium leading-[22px] text-[#243049]",children:e?"Clean, editable, transparent background":"Clean, editable, with your background setting"})]})]})]})}function I({promptData:e}){let t=function(e){let t=e?.trim().replace(/\s+/g," ");
1if(!t)return"";let a=e=>e.replace(/\s+/g,""),i=a(t);for(let e=16;e<=Math.floor(i.length/2);e+=1){let a=i.slice(0,e),n=Math.floor(i.length/e),s=i.length%e,o=a.repeat(n)+a.slice(0,s);if(n>1&&o===i){let a=0;for(let i=0;i<t.length;i+=1)if(" "!==t[i]&&(a+=1),a===e)return t.slice(0,i+1).trim()}}let n=Math.floor(t.length/2),s=Math.max(12,n-12),o=Math.min(t.length-12,n+12);for(let e=s;e<=o;e+=1){let i=t.slice(0,e).trim(),n=t.slice(e).trim();if(i.length>12&&n.length>12&&(i===n||a(i)===a(n)))return i}return t.length>150?`${t.slice(0,147).trimEnd()}...`:t}(e?.prompt),a=e?.uploadedImage,n=e?.uploadedFileName,s=t||(a?"Vectorize this as an editable SVG":"");return(0,i.jsxs)("div",{"data-signup-modal":"prompt-card",className:"signup-modal-prompt-card relative w-full min-w-0 rounded-xl border border-[#FFB89F]/70 bg-white/75 p-4 text-center shadow-[0_18px_40px_rgba(255,112,67,0.08)] backdrop-blur-sm max-sm:mr-9 max-sm:p-3.5 max-[340px]:p-3 sm:p-5 sm:max-md:max-w-[240px] md:max-lg:mx-auto md:max-lg:max-w-[300px] lg:min-h-[140px]",children:[(0,i.jsxs)("div",{className:"mb-3 flex items-center justify-center gap-2 text-[15px] font-bold text-[#111827] max-sm:mb-2 max-sm:text-[14px]",children:[(0,i.jsx)(k,{className:"text-[#FF3D00]"}),(0,i.jsx)("span",{children:a&&!t?"Your image is ready!":"Your prompt is ready!"})]}),a&&(0,i.jsxs)("div",{className:"mx-auto flex w-full max-w-[260px] items-center justify-center gap-3 text-left max-sm:max-w-[230px] max-sm:gap-2",children:[(0,i.jsx)("img",{src:a,alt:n||"Uploaded reference",className:"h-14 w-14 flex-none rounded-lg border border-orange-100 bg-white object-cover shadow-sm max-sm:h-12 max-sm:w-12"}),s&&(0,i.jsxs)("p",{"data-signup-modal":"prompt-text",className:"min-w-0 flex-1 text-[15px] font-medium leading-6 text-[#111B31] max-sm:text-[14px] max-sm:leading-5",children:['"',s,'"']})]}),!a&&(0,i.jsx)("p",{"data-signup-modal":"prompt-text",className:"mx-auto max-w-[254px] text-[15px] font-medium leading-6 text-[#111B31] max-sm:text-[14px] max-sm:leading-5",children:t?`"${t}"`:'"Your SVG generation is ready"'})]})}function D({promptData:e,showSignupBenefits:t,transparentBackground:a}){return(0,i.jsxs)("div",{"data-signup-modal":"left-panel",className:"signup-modal-left-panel relative min-w-0 overflow-hidden bg-[linear-gradient(146deg,#FFF8F1_0%,#FFF1E8_53%,#FFF9F4_100%)] px-5 py-4 sm:flex sm:h-full sm:flex-col sm:px-5 sm:py-5 md:px-7 md:py-6 lg:px-9 lg:pb-[25px] lg:pt-0 max-[340px]:px-4 max-[340px]:py-3",children:[(0,i.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_48%_18%,rgba(255,112,67,0.18),transparent_30%),radial-gradient(circle_at_12%_92%,rgba(255,211,184,0.26),transparent_28%)]"}),(0,i.jsxs)("div",{className:"relative w-full min-w-0",children:[(0,i.jsx)(C,{}),(0,i.jsx)(I,{promptData:e}),t&&(0,i.jsx)(S,{transparentBackground:a})]})]})}function E({children:e,isOpen:t,onOpenChange:a,promptData:n,showSignupBenefits:o=!1,transparentBackground:l=!0,compact:r=!1}){return(0,i.jsx)(p.lG,{open:t,onOpenChange:a,children:(0,i.jsxs)(p.ZJ,{children:[(0,i.jsx)(p.LC,{className:"backdrop-blur-[3px]",style:{backgroundColor:"rgba(17, 24, 39, 0.42)"}}),(0,i.jsxs)(s.UC,{"data-signup-modal":"content",className:(0,f.cn)("signup-modal-content fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-[18px] border border-white/70 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.28)] outline-none","max-h-[calc(100dvh-24px)] lg:max-h-[calc(100dvh-96px)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",r?"w-[min(calc(100vw-24px),440px)] max-sm:w-[calc(100vw-16px)] max-sm:rounded-[16px]":"w-[min(calc(100vw-24px),870px)] lg:left-[calc(50%-14px)] lg:top-[calc(50%+17px)] max-sm:w-[calc(100vw-16px)] max-sm:rounded-[16px]"),"data-signup-modal-mode":r?"image-to-svg-save-credits":"default",children:[(0,i.jsx)("style",{children:` 2 [data-signup-modal="prompt-text"] { 3 display: -webkit-box; 4 max-height: 96px; 5 overflow: hidden; 6 -webkit-box-orient: vertical; 7 -webkit-line-clamp: 4; 8 } 9 10 @media (max-width: 639px) { 11 [data-signup-modal="prompt-text"] { 12 max-height: 60px; 13 -webkit-line-clamp: 3; 14 } 15 } 16 17 @media (max-width: 639px) and (max-height: 700px) { 18 [data-signup-modal="left-panel"] { 19 display: none !important; 20 } 21 22 [data-signup-modal="grid"] { 23 max-height: calc(100dvh - 16px) !important; 24 overflow-y: hidden !important; 25 } 26 27 [data-signup-modal="right"] { 28 padding-bottom: 12px !important; 29 padding-top: 16px !important; 30 } 31 32 [data-signup-modal="body"] { 33 justify-content: flex-start !important; 34 } 35 36 [data-signup-modal="step-pill"] { 37 margin-bottom: 10px !important; 38 padding-bottom: 4px !important; 39 padding-top: 4px !important; 40 } 41 42 [data-signup-modal="title"] { 43 font-size: 21px !important; 44 line-height: 1.12 !important; 45 } 46 47 [data-signup-modal="description"] { 48 margin-top: 8px !important; 49 font-size: 12.5px !important; 50 line-height: 19px !important; 51 } 52 53 [data-signup-modal="form-stack"] { 54 margin-top: 14px !important; 55 } 56 57 [data-signup-modal="form-stack"] > :not([hidden]) ~ :not([hidden]) { 58 margin-top: 10px !important; 59 } 60 61 [data-signup-modal="email-form"] > :not([hidden]) ~ :not([hidden]) { 62 margin-top: 9px !important; 63 } 64 65 [data-signup-modal="google-button"], 66 [data-signup-modal="field"] { 67 height: 48px !important; 68 } 69 70 [data-signup-modal="submit-button"] { 71 height: 50px !important; 72 } 73 74 [data-signup-modal="terms"] { 75 line-height: 14px !important; 76 } 77 } 78 79 @media (min-width: 1024px) and (max-height: 700px) { 80 [data-signup-modal="content"] { 81 top: 50% !important; 82 max-height: calc(100dvh - 24px) !important; 83 } 84 85 [data-signup-modal="grid"] { 86 height: calc(100dvh - 24px) !important; 87 } 88 89 [data-signup-modal="left-panel"] { 90 padding: 16px 28px !important; 91 } 92 93 [data-signup-modal="graphic"] { 94 height: 245px !important; 95 } 96 97 [data-signup-modal="graphic-img"] { 98 left: -28px !important; 99 height: 245px !important; 100 width: 312px !important; 101 } 102 103 [data-signup-modal="prompt-card"] { 104 min-height: 0 !important; 105 padding: 16px !important; 106 } 107 108 [data-signup-modal="signup-benefits"] { 109 margin-top: 12px !important; 110 } 111 112 [data-signup-modal="signup-benefits"] > div { 113 margin-top: 8px !important; 114 } 115 116 [data-signup-modal="signup-benefit-tile"] { 117 padding: 8px 6px !important; 118 } 119 120 [data-signup-modal="right"] { 121 overflow-y: hidden !important; 122 padding: 20px 32px !important; 123 } 124 125 [data-signup-modal="body"] { 126 transform: none !important; 127 } 128 129 [data-signup-modal="step-pill"] { 130 margin-bottom: 16px !important; 131 padding-top: 6px !important; 132 padding-bottom: 6px !important; 133 } 134 135 [data-signup-modal="title"] { 136 font-size: 28px !important; 137 } 138 139 [data-signup-modal="description"] { 140 margin-top: 12px !important; 141 font-size: 14px !important; 142 line-height: 24px !important; 143 } 144 145 [data-signup-modal="form-stack"] { 146 margin-top: 16px !important; 147 } 148 149 [data-signup-modal="form-stack"] > :not([hidden]) ~ :not([hidden]) { 150 margin-top: 12px !important; 151 } 152 153 [data-signup-modal="email-form"] > :not([hidden]) ~ :not([hidden]) { 154 margin-top: 10px !important; 155 } 156 157 [data-signup-modal="google-button"], 158 [data-signup-modal="field"] { 159 height: 48px !important; 160 } 161 162 [data-signup-modal="submit-button"] { 163 height: 50px !important; 164 font-size: 14px !important; 165 } 166 167 [data-signup-modal="login"] { 168 font-size: 12px !important; 169 } 170 171 [data-signup-modal="terms"] { 172 font-size: 11px !important; 173 line-height: 16px !important; 174 } 175 } 176 `}),(0,i.jsxs)("div",{"data-signup-modal":"grid",className:(0,f.cn)("signup-modal-grid w-full min-w-0 max-w-full [scrollbar-gutter:stable]",r?"block max-h-[calc(100dvh-24px)] overflow-y-auto max-sm:max-h-[calc(100dvh-16px)]":"grid max-h-[calc(100dvh-24px)] overflow-y-auto sm:h-[min(720px,calc(100dvh-48px))] sm:grid-cols-[280px_minmax(0,1fr)] sm:overflow-hidden md:grid-cols-[340px_minmax(0,1fr)] lg:h-[min(780px,calc(100dvh-96px))] lg:grid-cols-[380px_minmax(0,1fr)] max-sm:max-h-[calc(100dvh-16px)]"),children:[!r&&(0,i.jsx)(D,{promptData:n,showSignupBenefits:o,transparentBackgroun
176d:l}),(0,i.jsx)("div",{"data-signup-modal":"right",className:(0,f.cn)("signup-modal-right relative flex min-h-0 min-w-0 flex-col bg-white",r?"px-6 py-7 sm:px-8 sm:py-8":"px-4 py-5 sm:overflow-y-auto sm:px-6 sm:py-6 md:px-8 md:py-8 lg:px-11 lg:py-11 max-[340px]:py-3"),children:e})]}),(0,i.jsxs)(p.HM,{className:"absolute right-4 top-4 z-10 rounded-full p-2 text-[#26334D] opacity-80 transition hover:bg-[#F4F6FA] hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[#FF7043]/40 sm:right-5 sm:top-5",children:[(0,i.jsx)("span",{className:"sr-only",children:"Close"}),(0,i.jsx)("svg",{className:"h-5 w-5 sm:h-6 sm:w-6",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,i.jsx)("path",{d:"M6 6l12 12M18 6 6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]})]})]})})}function M({isOpen:e,onClose:t,onAuthSuccess:a,redirectPath:s="/",analyticsContext:f,mode:C="default"}){let{signUp:A,signInWithGoogle:S}=(0,h.A)(),[I,D]=(0,n.useState)(""),[M,B]=(0,n.useState)(""),[G,P]=(0,n.useState)(""),[q,z]=(0,n.useState)(!1),[L,H]=(0,n.useState)(!1),[O,U]=(0,n.useState)(!1),[V,R]=(0,n.useState)(null),T=(0,n.useRef)(!1),$=C===y.Tf,J=$?y.HC:s,W=_.V7&&(0,_.o_)(J),Y=$?{redirectPath:y.HC,signupContext:y.Tf,suppressSignupBonus:!0}:J,Z=(0,n.useMemo)(()=>!$&&!W&&f?.dashboard_v2_homepage_models===!0&&function(e){let t="string"==typeof e?.hero_layout_variant?e.hero_layout_variant:"";return"desktop_right"===t||"desktop_below"===t||"mobile"!==t&&e?.device_type==="desktop"}(f)&&function(e,t){let a="string"==typeof e?.input_group?e.input_group:"",i=e?.has_prompt===!0,n=e?.has_uploaded_image===!0,s=!!t?.prompt?.trim(),o=!!t?.uploadedImage;return"text_only"===a||(i||s)&&!n&&!o}(f,V)&&(0,w.uR)((0,v.If)()),[f,$,W,V]),K=f?.transparent_background!==!1;(0,n.useEffect)(()=>{if(e){let e=function(){try{let e=window.localStorage.getItem("svgai_pending_prompt");if(e){let t=JSON.parse(e);if((!t.timestamp||Date.now()-t.timestamp<864e5)&&(t.prompt||t.uploadedImage))return t}}catch{}try{let e=window.sessionStorage.getItem("pendingPrompt")||void 0,t=window.sessionStorage.getItem("pendingUploadedImage")||window.sessionStorage.getItem("svgai_uploaded_image")||window.localStorage.getItem("svgai_uploaded_image")||void 0,a=window.sessionStorage.getItem("pendingUploadedFileName")||window.sessionStorage.getItem("svgai_uploaded_filename")||window.localStorage.getItem("svgai_uploaded_filename")||void 0;if(e||t)return{prompt:e,uploadedImage:t,uploadedFileName:a,acquisitionFlowId:window.sessionStorage.getItem("pendingAcquisitionFlowId")||void 0}}catch{}return null}();R(e),(0,_.o_)(J)&&(0,_.Jo)().then(e=>{e&&R({...e,acquisitionFlowId:e.acquisitionFlowId||void 0})}).catch(e=>P(e.message));let t=e?.acquisitionFlowId||(0,v.Ay)();$||function(e){if("undefined"!=typeof document)try{let t="https:"===window.location.protocol?"; Secure":"";document.cookie=`svgai_signup_title_variant_v1=${encodeURIComponent(e)}; Path=/; Max-Age=86400; SameSite=Lax${t}`}catch{}}(j.key),T.current||(T.current=!0,(0,b.trackPostHogEvent)(v.nN.SIGNUP_GATE_OPENED,{...N(j),...(0,v.fQ)(),...f,acquisition_flow_id:t,gate_type:"modal",has_prompt:!!e?.prompt?.trim(),prompt_length_bucket:(0,v.Lm)(e?.prompt),has_uploaded_image:!!e?.uploadedImage}))}else T.current=!1},[f,$,e,J]);let Q=(0,n.useMemo)(()=>`/login?returnUrl=${encodeURIComponent(J)}`,[J]),X=async e=>{e.preventDefault(),P(""),z(!0);try{(0,b.trackPostHogEvent)(v.nN.SIGNUP_EMAIL_SUBMITTED,{...N(j),...f,acquisition_flow_id:V?.acquisitionFlowId||(0,v.Ay)(),signup_method:"email",gate_type:"modal",has_prompt:!!V?.prompt?.trim(),prompt_length_bucket:(0,v.Lm)(V?.prompt),has_uploaded_image:!!V?.uploadedImage}),await A(I,M,!1,Y),U(!0),(0,b.trackPostHogEvent)(v.nN.SIGNUP_CHECK_EMAIL_SHOWN,{...N(j),...f,acquisition_flow_id:V?.acquisitionFlowId||(0,v.Ay)(),signup_method:"email",gate_type:"modal"})}catch(e){P(e?.message||"Signup failed. Please try again."),(0,b.trackPostHogEvent)(v.nN.SIGNUP_EMAIL_ERROR,{...N(j),...f,acquisition_flow_id:V?.acquisitionFlowId||(0,v.Ay)(),signup_method:"email",error_type:"signup_failed",gate_type:"modal"})}finally{z(!1)}},ee=async()=>{P("");try{(0,b.trackPostHogEvent)(v.nN.SIGNUP_GOOGLE_CLICKED,{...N(j),...f,acquisition_flow_id:V?.acquisitionFlowId||(0,v.Ay)(),signup_method:"google",gate_type:"modal",has_prompt:!!V?.prompt?.trim(),prompt_length_bucket:(0,v.Lm)(V?.prompt),has_uploaded_image:!!V?.uploadedImage}),$||(0,_.o_)(J)||sessionStorage.setItem("svgai_google_oauth_pending","true"),await S(Y,!0),a?.()}catch(e){P(e?.message||"Google sign-in failed. Please try again.")}},et=()=>
176{q||((0,b.trackPostHogEvent)(v.nN.SIGNUP_GATE_CLOSED,{...N(j),...f,acquisition_flow_id:V?.acquisitionFlowId||(0,v.Ay)(),gate_type:"modal",modal_state:O?"check_email":"form",signup_method:O?"email":null}),D(""),B(""),P(""),H(!1),U(!1),t(O))};return O?(0,i.jsx)(E,{isOpen:e,onOpenChange:e=>{e||et()},promptData:V,compact:$,children:(0,i.jsxs)("div",{className:"mx-auto flex w-full max-w-[410px] flex-1 flex-col justify-center text-center",children:[(0,i.jsx)("div",{className:"mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-[#FFF1EA]",children:(0,i.jsx)(o.A,{className:"h-8 w-8 text-[#FF3D00]"})}),(0,i.jsx)(p.L3,{className:"text-[30px] font-bold leading-tight text-[#0F172A] sm:text-[34px]",children:"Check your email"}),(0,i.jsxs)(p.rr,{className:"mt-4 text-[15px] leading-7 text-[#5F6B82]",children:["We sent a verification link to ",(0,i.jsx)("span",{className:"font-semibold text-[#0F172A]",children:I}),".",$?" Click it to keep your purchased SVG credits connected to your account.":" Click it to activate your account and continue generating."]}),(0,i.jsx)(x.$,{variant:"outline",className:"mt-8 h-[58px] w-full rounded-lg border-[#D8DEE9] text-[15px] font-semibold text-[#172033] hover:bg-[#F8FAFC]",onClick:et,children:"Done"})]})}):(0,i.jsx)(E,{isOpen:e,onOpenChange:e=>{e||et()},promptData:V,showSignupBenefits:Z,transparentBackground:K,compact:$,children:(0,i.jsxs)("div",{"data-signup-modal":"body",className:"signup-modal-body mx-auto flex w-full min-w-0 max-w-[390px] flex-1 flex-col justify-center max-sm:max-w-full max-sm:justify-start lg:translate-y-3",children:[(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{"data-signup-modal":"step-pill",className:"signup-modal-step-pill mx-auto mb-5 inline-flex rounded-full border border-[#FFC9B6] bg-[#FFF7F2] px-5 py-2 text-sm font-bold text-[#FF3D00] max-sm:mb-4 max-sm:px-4 max-sm:py-1.5 max-sm:text-[13px] max-[340px]:mb-3 max-[340px]:py-1 max-[340px]:text-xs sm:mb-5 md:mb-6 lg:mb-8",children:$?"Save credits":"One more step"}),(0,i.jsx)(p.L3,{"data-signup-modal":"title",className:"signup-modal-title text-[24px] font-extrabold leading-[1.14] text-[#0B1328] max-sm:text-[23px] max-[340px]:text-[22px] sm:text-[27px] md:text-[30px] lg:text-[32px]",children:$?"Save your SVG credits":j.title}),(0,i.jsx)(p.rr,{"data-signup-modal":"description",className:"signup-modal-description mx-auto mt-4 max-w-[370px] text-[15px] leading-7 text-[#5F6B82] max-sm:mt-3 max-sm:text-[14px] max-sm:leading-6 max-[340px]:mt-2 max-[340px]:text-[13px] max-[340px]:leading-[22px] sm:text-[14px] sm:leading-6 md:text-[16px] md:leading-7",children:$?"Create an account to keep your purchased credits across browsers and devices.":W?"Sign up to generate your SVG here, then open your design in the dashboard.":"Your prompt is ready. Sign up to continue and see your SVG design in your dashboard."})]}),(0,i.jsxs)("div",{"data-signup-modal":"form-stack",className:"signup-modal-form-stack mt-7 space-y-5 max-sm:mt-5 max-sm:space-y-4 max-[340px]:mt-4 max-[340px]:space-y-3",children:[G&&(0,i.jsxs)(u.Fc,{variant:"destructive",className:"py-3 text-left",children:[(0,i.jsx)(l.A,{className:"h-4 w-4"}),(0,i.jsx)(u.TN,{className:"text-sm",children:G})]}),(0,i.jsxs)(x.$,{"data-signup-modal":"google-button",type:"button",variant:"outline",className:"signup-modal-google-button h-[58px] w-full rounded-lg border-[#D6DDE8] bg-white text-[14px] font-medium text-[#172033] shadow-sm hover:bg-[#FBFCFE] max-sm:h-[56px] max-[340px]:h-[52px] sm:text-[15px]",onClick:ee,disabled:q,children:[(0,i.jsx)(F,{}),"Continue with Google"]}),(0,i.jsxs)("div",{className:"flex items-center gap-5",children:[(0,i.jsx)("div",{className:"h-px flex-1 bg-[#D9DFE9]"}),(0,i.jsx)("span",{className:"text-sm font-medium text-[#6B7280]",children:"or"}),(0,i.jsx)("div",{className:"h-px flex-1 bg-[#D9DFE9]"})]}),(0,i.jsxs)("form",{"data-signup-modal":"email-form",onSubmit:X,className:"signup-modal-email-form space-y-4 max-sm:space-y-3.5 max-[340px]:space-y-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(g.J,{htmlFor:"signup-modal-email",className:"sr-only",children:"Email address"}),(0,i.jsx)(c.p,{"data-signup-modal":"field",id:"signup-modal-email",type:"email",inputMode:"email",autoComplete:"email",placeholder:"Email address",value:I,onChange:e=>D(e.target.value),required:!0,disabled:q,className:"signup-modal-field h-[58px] rounded-lg border-[#D6DDE8] bg-white px-4 text-base text-[#111827] shadow-sm placeholder:text-[#9AA3B2] focus-visible:ring-[#FF7043]/30 max-sm:h-[56px] max-[340px]:h-[52px] sm:px-5"})]}),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(g.J,{htmlFor:"signup-modal-password",className:"sr-only",children:"Password"}),(0,i.jsx)(c.p,{"data-signup-modal":"field",id:"signup-modal-password",type:L?"text":"password",autoComplete:"new-password",placeholder:"Password",value:M,onChange:e=>B(e.target.value),required:!0,minLength:6,disabled:q,className:"signup-modal-field h-[58px] rounded-lg border-[#D6DDE8] bg-white px-4 pr-14 text-base text-[#111827] shadow-sm placeholder:text-[#9AA3B2] focus-visible:ring-[#FF7043]/30 max-sm:h-[56px] max-[340px]:h-[52px] sm:px-5"}),(0,i.jsx)("button",{type:"button",className:"absolute right-4 top-1/2 -translate-y-1/2 roun
176ded-md p-1.5 text-[#65728A] transition hover:bg-[#F4F6FA] hover:text-[#26334D] focus:outline-none focus:ring-2 focus:ring-[#FF7043]/30",onClick:()=>H(e=>!e),"aria-label":L?"Hide password":"Show password",children:L?(0,i.jsx)(r.A,{className:"h-5 w-5"}):(0,i.jsx)(d.A,{className:"h-5 w-5"})})]}),(0,i.jsx)(x.$,{"data-signup-modal":"submit-button",type:"submit",className:"signup-modal-submit-button h-[60px] w-full gap-1.5 rounded-lg bg-gradient-to-r from-[#FF3D00] to-[#FF2D00] px-3 text-[14px] font-bold text-white shadow-[0_16px_32px_rgba(255,61,0,0.26)] transition hover:from-[#F23600] hover:to-[#EA2600] max-sm:h-[56px] max-[340px]:h-[52px] max-[340px]:text-[13px] sm:gap-2 md:text-base",disabled:q,children:q?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m.A,{className:"h-5 w-5 animate-spin"}),"Creating account..."]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k,{}),(0,i.jsx)("span",{className:"hidden md:inline",children:$?"Create Account & Save Credits":"Create Free Account & Generate SVG"}),(0,i.jsx)("span",{className:"hidden min-[360px]:inline md:hidden",children:$?"Save SVG Credits":"Create Free Account & Generate"}),(0,i.jsx)("span",{className:"min-[360px]:hidden",children:$?"Save Credits":"Create Account & Generate"})]})})]}),(0,i.jsxs)("p",{"data-signup-modal":"login",className:"signup-modal-login text-center text-sm text-[#0F172A] max-sm:text-[13px]",children:["Already have an account?"," ",(0,i.jsx)("a",{href:Q,className:"font-bold text-[#FF3D00] hover:underline",children:"Log in"})]}),(0,i.jsxs)("p",{"data-signup-modal":"terms",className:"signup-modal-terms mx-auto max-w-[360px] text-center text-xs leading-5 text-[#5F6B82] max-sm:text-[11px] max-sm:leading-4 max-[340px]:leading-[18px]",children:["By continuing, you agree to our"," ",(0,i.jsx)("a",{href:"/terms",className:"text-[#FF3D00] hover:underline",target:"_blank",rel:"noopener noreferrer",children:"Terms"})," ","and"," ",(0,i.jsx)("a",{href:"/privacy",className:"text-[#FF3D00] hover:underline",target:"_blank",rel:"noopener noreferrer",children:"Privacy Policy"}),"."]})]})]})})}},49026:(e,t,a)=>{a.d(t,{Fc:()=>r,TN:()=>m,XL:()=>d});var i=a(95155),n=a(12115),s=a(74466),o=a(24026);let l=(0,s.F)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),r=n.forwardRef(({className:e,variant:t,...a},n)=>(0,i.jsx)("div",{ref:n,role:"alert",className:(0,o.cn)(l({variant:t}),e),...a}));r.displayName="Alert";let d=n.forwardRef(({className:e,...t},a)=>(0,i.jsx)("h5",{ref:a,className:(0,o.cn)("mb-1 font-medium leading-none tracking-tight",e),...t}));d.displayName="AlertTitle";let m=n.forwardRef(({className:e,...t},a)=>(0,i.jsx)("div",{ref:a,className:(0,o.cn)("text-sm [&_p]:leading-relaxed",e),...t}));m.displayName="AlertDescription"},78749:(e,t,a)=>{a.d(t,{A:()=>i});let i=(0,a(19946).A)("EyeOff",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]])},82714:(e,t,a)=>{a.d(t,{J:()=>d});var i=a(95155),n=a(12115),s=a(40968),o=a(74466),l=a(24026);let r=(0,o.F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),d=n.forwardRef(({className:e,...t},a)=>(0,i.jsx)(s.b,{ref:a,className:(0,l.cn)(r(),e),...t}));d.displayName=s.b.displayName},85339:(e,t,a)=>{a.d(t,{A:()=>i});let i=(0,a(19946).A)("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},89852:(e,t,a)=>{a.d(t,{p:()=>o});var i=a(95155),n=a(12115),s=a(24026);let o=n.forwardRef(({className:e,type:t,...a},n)=>(0,i.jsx)("input",{type:t,className:(0,s.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:n,...a}));o.displayName="Input"},92657:(e,t,a)=>{a.d(t,{A:()=>i});let i=(0,a(19946).A)("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.