https://www.catchtable.net/static/appjs/prod/20260922163913/build/Selector.page_v93znk_L.js

1import{a as $}from"./rolldown-runtime_Bg-0vt9Y.js";import{b as G,r as K,x as O}from"./framework_ku2-c24M.js";import{t as q}from"./appEnv_DAyPPDxE.js";import{ht as B}from"./index_main.BoeeUvIb.js";import{t as M}from"./StickyHeaderV2_C_r0TzQy.js";import{t as F}from"./PageTitleV2_Bi15S7kn.js";import{t as A}from"./check_DZQ4OUrf.js";import{n as H}from"./esm_jLJvGwm2.js";import{t as D}from"./copy_Dz5i0FNx.js";import{t as Q}from"./external-link_BeStKwmk.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};e.SENTRY_RELEASE={id:"catchtable-global-frontend@prod-20260922163913"};var s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c1a4405a-137b-4676-a286-508caeebb737",e._sentryDebugIdIdentifier="sentry-dbid-c1a4405a-137b-4676-a286-508caeebb737")}catch{}})();var z=G(),E=$(O()),t=K(),Y=[{label:"DEV",phase:"dev",baseUrl:"https://ct-app-global-dev.catchtable.net",badgeColor:"#ffffff",badgeBg:"#2563eb"},{label:"DEV2",phase:"dev2",baseUrl:"https://ct-app-global-dev2.catchtable.net",badgeColor:"#ffffff",badgeBg:"#3b82f6"},{label:"STAGE",phase:"stage",baseUrl:"https://ct-app-global-stage.catchtable.net",badgeColor:"#ffffff",badgeBg:"#7c3aed"},{label:"STAGE2",phase:"stage2",baseUrl:"https://ct-app-global-stage2.catchtable.net",badgeColor:"#ffffff",badgeBg:"#9333ea"},{label:"PROD",phase:"prod",baseUrl:"https://www.catchtable.net/",badgeColor:"#ffffff",badgeBg:"#ff3d00"}],P={key:"prod",label:"PROD 앱",scheme:"catchtableglobalapp://",accentColor:"#ff3d00"},I=[P,{key:"dev",label:"DEV 앱",scheme:"catchtableglobalappdev://",accentColor:"#2563eb"},{key:"stage",label:"STAGE 앱",scheme:"catchtableglobalappstage://",accentColor:"#7c3aed"}],J=(e,s)=>`${e}?url=${s}`,ce=()=>{const e=(0,z.c)(31),[s,v]=(0,E.useState)(null),[g,_]=(0,E.useState)(null),[r,U]=(0,E.useState)("prod");let c,p,i,o,n;if(e[0]!==g||e[1]!==s||e[2]!==r){const S=I.find(l=>l.key===r)??P;let y;e[8]===Symbol.for("react.memo_cache_sentinel")?(y=(l,a)=>{window.navigator.clipboard.writeText(l).then(()=>{v(a),setTimeout(()=>v(null),2e3)})},e[8]=y):y=e[8];const L=y;let j;e[9]===Symbol.for("react.memo_cache_sentinel")?(j=(l,a)=>{window.navigator.clipboard.writeText(l).then(()=>{_(a),setTimeout(()=>_(null),2e3)})},e[9]=j):j=e[9];const R=j;n="min-h-screen bg-[#f5f5f5]",i="mx-auto max-w-[480px]";let N;e[10]===Symbol.for("react.memo_cache_sentinel")?(N=(0,t.jsx)(F,{pageTitle:"환경 선택기"}),e[10]=N):N=e[10];let w,C;e[11]===Symbol.for("react.memo_cache_sentinel")?(w={borderTop:"1px solid #f0f0f0"},C=(0,t.jsx)("p",{className:"mb-[8px] font-bold text-[#999] text-[11px] tracking-wider",children:"OPEN IN NATIVE APP"}),e[11]=w,e[12]=C):(w=e[11],C=e[12]);let f;e[13]!==r?(f=I.map(l=>(0,t.jsx)("button",{onClick:()=>U(l.key),className:"flex flex-1 items-center justify-center rounded-[8px] py-[10px] font-bold text-[12px] transition-colors",style:r===l.key?{backgroundColor:l.accentColor,color:"#ffffff"}:{backgroundColor:"#f5f5f5",color:"#888"},children:l.label},l.key)),e[13]=r,e[14]=f):f=e[14];let b;e[15]!==f?(b=(0,t.jsx)("div",{className:"flex gap-[8px]",children:f}),e[15]=f,e[16]=b):b=e[16];let k;e[17]===Symbol.for("react.memo_cache_sentinel")?(k=(0,t.jsx)("p",{className:"mt-[10px] text-[#888] text-[11px] leading-[1.5]",children:"선택한 앱의 scheme으로 딥링크·QR이 갱신됩니다. dev/stage 앱이 설치된 단말에서만 해당 scheme이 열립니다."}),e[17]=k):k=e[17],e[18]!==b?(o=(0,t.jsxs)(M,{children:[N,(0,t.jsxs)("div",{className:"bg-white px-[16px] pt-[16px] pb-[12px] shadow-sm",style:w,children:[C,b,k]})]}),e[18]=b,e[19]=o):o=e[19],c="flex flex-col gap-[12px] p-[16px]",p=Y.map((l,a)=>{const m=J(S.scheme,l.baseUrl),T=`${S.label}에서 열기 (${l.label})`;return(0,t.jsxs)("div",{className:"overflow-hidden rounded-[12px] bg-white shadow-sm",style:{border:`2px solid ${l.badgeBg}`},children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[10px] px-[16px] py-[14px]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-[10px]",children:[(0,t.jsx)("div",{className:"flex h-[36px] w-[60px] shrink-0 items-center justify-center rounded-[6px] font-bold text-[13px]",style:{backgroundColor:l.badgeBg,color:l.badgeColor},children:l.label}),(0,t.jsx)("p",{className:"flex-1 font-medium text-[#333] text-[13px]",children:l.baseUrl})]}),(0,t.jsxs)("div",{className:"flex gap-[8px]",children:[(0,t.jsx)("button",{onClick:()=>R(l.baseUrl,a),className:"flex flex-1 items-center justify-center gap-[4px] rounded-[6px] border py-[7px] font-semibold text-[12px] transition-colors",style:g===a?{borderColor:"#16a34a",color:"#16a34a",backgroundColor:"#dcfce7"}:{borderColor:"#e0e0e0",color:"#666"},children:g===a?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(A,{className:"h-[13px] w-[13px] text-[#16a34a]"}),"복사됨"]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(D,{className:"h-[13px] w-[13px] text-[#888888]"}),"주소 복사"]})}),(0,t.jsxs)("a",{href:l.baseUrl,target:"_blank",rel:"noopener noreferrer",onClick:V=>{V.preventDefault(),B.openExternalBrowser(l.baseUrl)},className:"flex flex-1 items-center justify-center gap-[4px] rounded-[6px] border py-[7px] font-semibold text-[12px] transition-opacity hover:opacity-70",style:{borderColor:l.badgeBg,color:l.badgeBg},children:[(0,t.jsx)(Q,{className:"h-[12px] w-[12px]"}),"웹에서 열기"]})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-[8px] px-[16px]",children:[(0,t.jsx)("div",{className:"h-[1px] flex-1 bg-[#f0f0f0]"}),(0,t.jsx)("span",{className:"rounded-full px-[8px] py-[2px] font-bold text-[10px] tracking-wider",style:{backgroundColor:`${l.badgeBg}18`,color:l.badgeBg},children:"DEEP LINK"}),(0,t.jsx)("div",{className:"h-[1px] flex-1 bg-[#f0f0f0]"})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-[12px] p-[16px]",children:[(0,t.jsxs)("div",{className:"flex w-full items-start gap-[10px] rounded-[8px] px-[12px] py-[10px]",style:{backgroundColor:`${l.badgeBg}0d`},children:[(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("p",{className:"mb-[2px] font-bold text-[10px] tracking-wider",style:{color:l.badgeBg},children:"DEEP LINK URL"}),(0,t.jsx)("p",{className:"text-[#555] text-[11px]",children:m})]}),(0,t.jsx)("button",{onClick:()=>L(m,a),className:"mt-[2px] flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-[6px] transition-colors",style:{backgroundColor:s===a?"#dcfce7":"#ffffff"},title:"딥링크 복사",children:s===a?(0,t.jsx)(A,{className:"h-[14px] w-[14px] text-[#16a34a]"}):(0,t.jsx)(D,{className:"h-[14px] w-[14px] text-[#888888]"})})]}),(0,t.jsx)("div",{className:"rounded-[10px] bg-white p-[12px]",style:{boxShadow:"0 0 0 1px #f0f

10f0"},children:(0,t.jsx)(H,{value:m,size:180,bgColor:"#ffffff",fgColor:"#111111",level:"M"})}),q.isApp?(0,t.jsx)("button",{onClick:()=>B.openExternalBrowser(m),className:"flex w-full items-center justify-center gap-[6px] rounded-[8px] py-[11px] font-semibold text-[13px] text-white transition-opacity hover:opacity-90",style:{backgroundColor:l.badgeBg},children:T}):(0,t.jsx)("a",{href:m,className:"flex w-full items-center justify-center gap-[6px] rounded-[8px] py-[11px] font-semibold text-[13px] text-white transition-opacity hover:opacity-90",style:{backgroundColor:l.badgeBg},children:T})]})]},l.phase)}),e[0]=g,e[1]=s,e[2]=r,e[3]=c,e[4]=p,e[5]=i,e[6]=o,e[7]=n}else c=e[3],p=e[4],i=e[5],o=e[6],n=e[7];let x;e[20]!==c||e[21]!==p?(x=(0,t.jsx)("div",{className:c,children:p}),e[20]=c,e[21]=p,e[22]=x):x=e[22];let h;e[23]===Symbol.for("react.memo_cache_sentinel")?(h=(0,t.jsx)("div",{className:"px-[16px] pb-[40px] text-center",children:(0,t.jsx)("p",{className:"text-[#bbb] text-[12px]",children:"CATCHTABLE Global · Dev Tools"})}),e[23]=h):h=e[23];let d;e[24]!==i||e[25]!==o||e[26]!==x?(d=(0,t.jsxs)("div",{className:i,children:[o,x,h]}),e[24]=i,e[25]=o,e[26]=x,e[27]=d):d=e[27];let u;return e[28]!==n||e[29]!==d?(u=(0,t.jsx)("main",{className:n,children:d}),e[28]=n,e[29]=d,e[30]=u):u=e[30],u};export{ce as Component};