https://surfface.com/assets/Dialog-C1hYayel.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="86bbcb77-f43d-5a1b-945c-69d39eebc7ab")}catch(e){}}();
3import{r as n,j as e}from"./chunk-JZWAC4HX-Cz8i_JVL.js";import{F as b,au as p,s as S,M as y,as as k,aD as R,at as F,x as I,a0 as D,a2 as v,a3 as B,a4 as A}from"./responsive-image-CY_xOTSf.js";import{o as E,s as T}from"./image-renderer-CpiyrAY4.js";import{u as V,f as G,L as x,P as M,C as P,S as U,s as $,w as L,c as _,a as z,r as N,b as O,d as W}from"./component-C57WrRmc.js";import{l as H}from"./model-D9yN2QD0.js";import"./index-BPiW1pfF.js";import{V as u}from"./AppLink-BYV-v8-E.js";import"./index-DD4UX73Q.js";import{c as X}from"./use-translate-CQMr_8Pj.js";import{f as q,h as Y,i as J,j as K,B as Q,k as Z,A as h,C as ee,l as se,m as re,n as te,H as oe,N as ne,o as ae,p as ie,q as le,s as ce,v as ue,w as de,x as me,y as pe,z as xe,D as he,G as fe,g as je}from"./dialog-D597i3Os.js";import{b as ge}from"./Component-DmK4ENmh.js";import"./parts-BQc4XNic.js";import"./experiments-B9bOuD6u.js";import"./index-Bwys2Nwq.js";import"./circle-DvEuCd3v.js";import"./use-breakpoint-BHgfYEi1.js";import"./source-link-7DzkdOeo.js";import"./chunk-4LKRSAEJ-gT6yEoWn.js";const we=s=>!s.isLayoutDirty&&s.willUpdate(!1);function f(){const s=new Set,r=new WeakMap,o=()=>s.forEach(we);return{add:t=>{s.add(t),r.set(t,t.addEventListener("willUpdate",o))},remove:t=>{s.delete(t);const i=r.get(t);i&&(i(),r.delete(t)),o()},dirty:o}}const Ce=n.createContext(null);function be(){const s=n.useRef(!1);return V(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function Se(){const s=be(),[r,o]=n.useState(0),t=n.useCallback(()=>{s.current&&o(r+1)},[r]);return[n.useCallback(()=>G.postRender(t),[t]),r]}const j=s=>s===!0,ye=s=>j(s===!0)||s==="id",ke=({children:s,id:r,inherit:o=!0})=>{const t=n.useContext(x),i=n.useContext(Ce),[c,d]=Se(),l=n.useRef(null),a=t.id||i;l.current===null&&(ye(o)&&a&&(r=r?a+"-"+r:a),l.current={id:r,group:j(o)&&t.group||f()});const C=n.useMemo(()=>({...l.current,forceRender:c}),[d]);return e.jsx(x.Provider,{value:C,children:s})},Re=X({prefix:"search_flow"}),g="searchFlow.authScreen",w=q(()=>({controller:s,targetFace:r,bestMatches:o,tagsAtom:t,...i})=>{const{t:c}=Re({prefix:"authScreen"}),{min:d,max:l}=H(r.age);return e.jsx(M,{present:s.open,onExitComplete:s.onExitComplete,className:b({display:"flex",flexDirection:"column",gap:"2rem",position:"absolute",width:"full",maxWidth:"22.5rem",marginX:"auto",_open:{animation:"backdrop-in"},_closed:{animation:"backdrop-out"}}),...i,children:e.jsxs(Y,{model:w,children:[e.jsx(J,{children:e.jsxs(K,{children:[e.jsxs(Q,{children:[e.jsx(Z,{}),e.jsx(h,{buttonText:"signIn"}),e.jsx(ee,{}),e.jsx(se,{})]}),e.jsxs(u,{gap:"1.5rem",width:"full",children:[e.jsxs(u,{gap:"0.5rem",width:"full",children:[e.jsx(re,{}),e.jsx(te,{})]}),e.jsx(oe,{}),e.jsx(ne,{})]})]})}),e.jsx(ae,{children:e.jsxs(ie,{children:[e.jsxs(le,{children:[e.jsxs(u,{gap:"1rem",width:"full",children:[e.jsxs(Fe,{children:[e.jsx(p,{children:e.jsx(ge,{face:r,padding:P})}),o.map(a=>e.jsx(p,{children:e.jsx(S.img,{src:a.imageUrl,alt:"",size:"full",aspectRatio:"1",objectFit:"cover",borderRadius:"0.25rem"})},a.imageUrl))]}),e.jsx(U,{ageMin:d,ageMax:l,gender:r.gender,tagsAtom:t,hideSkeletons:!0})]}),e.jsx(ce,{children:c("sign_up.title","Create a <mark>free account</mark> to see your results",{mark:a=>e.jsx(y,{children:a})})}),e.jsx(ue,{children:c("sign_up.description","It’s free and takes seconds.<br></br>View search results and what we found.")}),e.jsx(h,{buttonText:"signUp"}),e.jsx(de,{}),e.jsx(me,{})]}),e.jsxs(u,{gap:"1.5rem",width:"full",children:[e.jsx(pe,{}),e.jsx(xe,{}),e.jsx(he,{})]})]})})]})})},g).pipe(fe()),m=R({loop:!0,containScroll:!1},`${g}.carousel`);E(m,async s=>{for(;;)await s.schedule(()=>T(5e3)),m.scrollNext(s)});function Fe({children:s}){return e.jsx(k,{model:m,display:"flex",alignItems:"center",flexDir:"column",gap:"1rem",width:"full",maxWidth:"19.5rem",margin:"auto",overflowX:"hidden",slidesPerView:3,maskImage:`linear-gradient(
4				to right, 
5				transparent 2rem, black 6rem, black calc(100% - 6rem), transparent calc(100% - 2rem)
6			)`,children:e.jsx(F,{cursor:"grab",overflow:"visible",marginY:"0.5rem",marginX:"auto",children:s})})}function We(){const[s]=I($);return e.jsxs(D,{open:s,lazyMount:!0,unmountOnExit:!0,closeOnInteractOutside:!1,children:[e.jsxs(je,{children:[e.jsx(v,{background:"neutral.0/72",backdropFilter:"blur(1rem)"}),e.jsx(B,{children:e.jsx(A,{size:"full",margin:"0",padding:"1rem",bg:"none",justifyContent:"center",maxWidth:"full",children:e.jsxs(ke,{children:[e.jsx(L.Viewport,{}),e.jsx(_.Viewport,{}),e.jsx(z.Viewport,{}),e.jsx(N.Viewport,{}

6),e.jsx(O.Viewport,{}),e.jsx(w.Viewport,{})]})})})]}),e.jsx(W.Viewport,{})]})}export{We as SearchFlowDialog};
7//# sourceMappingURL=Dialog-C1hYayel.js.map
8
9//# debugId=86bbcb77-f43d-5a1b-945c-69d39eebc7ab